@fuf-stack/pixels 1.9.0 → 1.10.0

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,11 +1,2 @@
-import { T as Tabs } from '../Tabs-BM4tl_1j.cjs';
-export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-BM4tl_1j.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-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,11 +1,2 @@
-import { T as Tabs } from '../Tabs-BM4tl_1j.js';
-export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-BM4tl_1j.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-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"}

package/dist/Toast/Toast.cjs

@@ -0,0 +1,90 @@
+require("../_virtual/_rolldown/runtime.cjs");
+const require_Alert_index = require("../Alert/index.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let sonner = require("sonner");
+//#region src/Toast/Toast.tsx
+const showToast = (message, variant, options) => {
+	const { onClose, closable, title, endContent, icon, render, ...rest } = options ?? {};
+	const sonnerOptions = {
+		position: "top-center",
+		onDismiss: onClose,
+		...rest
+	};
+	return sonner.toast.custom((id) => {
+		const close = () => {
+			return sonner.toast.dismiss(id);
+		};
+		if (render) return render({
+			message,
+			variant,
+			close,
+			closable,
+			title,
+			endContent,
+			icon
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert_index.default, {
+			closable,
+			endContent,
+			icon,
+			onClose: closable ? close : void 0,
+			title,
+			variant,
+			children: message
+		});
+	}, sonnerOptions);
+};
+/** Toast object with convenience methods for different severity levels */
+const toast = {
+	/**
+	* Show a default toast.
+	* @returns The toast id which can be passed to `toast.close()`
+	*/
+	default: (message, options) => {
+		return showToast(message, "default", options);
+	},
+	/**
+	* Show an info toast.
+	* @returns The toast id which can be passed to `toast.close()`
+	*/
+	info: (message, options) => {
+		return showToast(message, "info", options);
+	},
+	/**
+	* Show a warning toast.
+	* @returns The toast id which can be passed to `toast.close()`
+	*/
+	warn: (message, options) => {
+		return showToast(message, "warning", {
+			duration: 6e4,
+			closable: true,
+			...options
+		});
+	},
+	/**
+	* Show a success toast.
+	* @returns The toast id which can be passed to `toast.close()`
+	*/
+	success: (message, options) => {
+		return showToast(message, "success", options);
+	},
+	/**
+	* Show an error toast.
+	* @returns The toast id which can be passed to `toast.close()`
+	*/
+	error: (message, options) => {
+		return showToast(message, "danger", {
+			duration: 6e4,
+			closable: true,
+			...options
+		});
+	},
+	/** Close a toast by its id */
+	close: (toastId) => {
+		sonner.toast.dismiss(toastId);
+	}
+};
+//#endregion
+exports.default = toast;
+
+//# sourceMappingURL=Toast.cjs.map

package/dist/Toast/Toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.cjs","names":["sonnerToast","AlertComponent"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport type { ExternalToast } from 'sonner';\nimport type { AlertProps } from '../Alert';\n\nimport { toast as sonnerToast } from 'sonner';\n\nimport AlertComponent from '../Alert';\n\ntype AlertVariant = NonNullable<AlertProps['variant']>;\n\n/** Props passed to a custom render function */\nexport interface ToastRenderProps {\n  /** The toast message */\n  message: ReactNode;\n  /** The color/severity of the toast */\n  variant: AlertVariant;\n  /** Function to close the toast */\n  close: () => void;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n}\n\n/** Options passed to each toast method */\nexport interface ToastOptions {\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Duration in milliseconds before the toast auto-closes */\n  duration?: number;\n  /** Position of the toast on the screen */\n  position?: ExternalToast['position'];\n  /** Callback fired when the toast auto-closes */\n  onAutoClose?: ExternalToast['onAutoClose'];\n  /** Callback fired when the toast is closed */\n  onClose?: ExternalToast['onDismiss'];\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n  /** Custom render function to override the default AlertComponent */\n  render?: (props: ToastRenderProps) => ReactElement;\n}\n\nconst showToast = (\n  message: ReactNode,\n  variant: AlertVariant,\n  options?: ToastOptions,\n) => {\n  // Map custom ToastOptions to Sonner's ExternalToast format:\n  // - onClose is mapped to Sonner's onDismiss\n  // - closable is handled separately (not a Sonner option)\n  // - position defaults to 'top-center'\n  const { onClose, closable, title, endContent, icon, render, ...rest } =\n    options ?? {};\n  const sonnerOptions: ExternalToast = {\n    position: 'top-center' as const,\n    onDismiss: onClose,\n    ...rest,\n  };\n  return sonnerToast.custom((id) => {\n    // Close function passed to custom render or AlertComponent\n    const close = () => {\n      return sonnerToast.dismiss(id);\n    };\n\n    // Allow custom rendering via render prop\n    if (render) {\n      return render({\n        message,\n        variant,\n        close,\n        closable,\n        title,\n        endContent,\n        icon,\n      });\n    }\n\n    // Default: render AlertComponent\n    return (\n      <AlertComponent\n        closable={closable}\n        endContent={endContent}\n        icon={icon}\n        onClose={closable ? close : undefined}\n        title={title}\n        variant={variant}\n      >\n        {message}\n      </AlertComponent>\n    );\n  }, sonnerOptions);\n};\n\n/** Toast object with convenience methods for different severity levels */\nconst toast = {\n  /**\n   * Show a default toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  default: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'default', options);\n  },\n  /**\n   * Show an info toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  info: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'info', options);\n  },\n  /**\n   * Show a warning toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  warn: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'warning', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /**\n   * Show a success toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  success: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'success', options);\n  },\n  /**\n   * Show an error toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  error: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'danger', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /** Close a toast by its id */\n  close: (toastId: string | number) => {\n    sonnerToast.dismiss(toastId);\n  },\n};\n\nexport default toast;\n"],"mappings":";;;;;AAkDA,MAAM,aACJ,SACA,SACA,YACG;CAKH,MAAM,EAAE,SAAS,UAAU,OAAO,YAAY,MAAM,QAAQ,GAAG,SAC7D,WAAW,CAAC;CACd,MAAM,gBAA+B;EACnC,UAAU;EACV,WAAW;EACX,GAAG;CACL;CACA,OAAOA,OAAAA,MAAY,QAAQ,OAAO;EAEhC,MAAM,cAAc;GAClB,OAAOA,OAAAA,MAAY,QAAQ,EAAE;EAC/B;EAGA,IAAI,QACF,OAAO,OAAO;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAIH,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,SAAD;GACY;GACE;GACN;GACN,SAAS,WAAW,QAAQ,KAAA;GACrB;GACE;aAER;EACa,CAAA;CAEpB,GAAG,aAAa;AAClB;;AAGA,MAAM,QAAQ;;;;;CAKZ,UAAU,SAAoB,YAA2B;EACvD,OAAO,UAAU,SAAS,WAAW,OAAO;CAC9C;;;;;CAKA,OAAO,SAAoB,YAA2B;EACpD,OAAO,UAAU,SAAS,QAAQ,OAAO;CAC3C;;;;;CAKA,OAAO,SAAoB,YAA2B;EACpD,OAAO,UAAU,SAAS,WAAW;GACnC,UAAU;GACV,UAAU;GACV,GAAG;EACL,CAAC;CACH;;;;;CAKA,UAAU,SAAoB,YAA2B;EACvD,OAAO,UAAU,SAAS,WAAW,OAAO;CAC9C;;;;;CAKA,QAAQ,SAAoB,YAA2B;EACrD,OAAO,UAAU,SAAS,UAAU;GAClC,UAAU;GACV,UAAU;GACV,GAAG;EACL,CAAC;CACH;;CAEA,QAAQ,YAA6B;EACnC,OAAA,MAAY,QAAQ,OAAO;CAC7B;AACF"}

package/dist/Toast/Toast.d.cts

@@ -0,0 +1,76 @@
+import { AlertProps } from "../Alert/Alert.cjs";
+import { ReactElement, ReactNode } from "react";
+import { ExternalToast } from "sonner";
+
+//#region src/Toast/Toast.d.ts
+type AlertVariant = NonNullable<AlertProps['variant']>;
+/** Props passed to a custom render function */
+interface ToastRenderProps {
+  /** The toast message */
+  message: ReactNode;
+  /** The color/severity of the toast */
+  variant: AlertVariant;
+  /** Function to close the toast */
+  close: () => void;
+  /** Whether the toast can be closed by the user */
+  closable?: boolean;
+  /** Title displayed above the toast message */
+  title?: ReactNode;
+  /** Content displayed at the end of the toast */
+  endContent?: ReactNode;
+  /** Icon displayed at the start of the toast */
+  icon?: ReactNode;
+}
+/** Options passed to each toast method */
+interface ToastOptions {
+  /** Title displayed above the toast message */
+  title?: ReactNode;
+  /** Whether the toast can be closed by the user */
+  closable?: boolean;
+  /** Duration in milliseconds before the toast auto-closes */
+  duration?: number;
+  /** Position of the toast on the screen */
+  position?: ExternalToast['position'];
+  /** Callback fired when the toast auto-closes */
+  onAutoClose?: ExternalToast['onAutoClose'];
+  /** Callback fired when the toast is closed */
+  onClose?: ExternalToast['onDismiss'];
+  /** Content displayed at the end of the toast */
+  endContent?: ReactNode;
+  /** Icon displayed at the start of the toast */
+  icon?: ReactNode;
+  /** Custom render function to override the default AlertComponent */
+  render?: (props: ToastRenderProps) => ReactElement;
+}
+/** Toast object with convenience methods for different severity levels */
+declare const toast: {
+  /**
+   * Show a default toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  default: (message: ReactNode, options?: ToastOptions) => string | number;
+  /**
+   * Show an info toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  info: (message: ReactNode, options?: ToastOptions) => string | number;
+  /**
+   * Show a warning toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  warn: (message: ReactNode, options?: ToastOptions) => string | number;
+  /**
+   * Show a success toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  success: (message: ReactNode, options?: ToastOptions) => string | number;
+  /**
+   * Show an error toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  error: (message: ReactNode, options?: ToastOptions) => string | number; /** Close a toast by its id */
+  close: (toastId: string | number) => void;
+};
+//#endregion
+export { ToastOptions, ToastRenderProps, toast };
+//# sourceMappingURL=Toast.d.cts.map

package/dist/Toast/Toast.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.cts","names":[],"sources":["../../src/Toast/Toast.tsx"],"mappings":";;;;;KAQK,YAAA,GAAe,WAAW,CAAC,UAAA;;UAGf,gBAAA;EAHZ;EAKH,OAAA,EAAS,SAAA;;EAET,OAAA,EAAS,YAAA;EAP+B;EASxC,KAAA;EAN+B;EAQ/B,QAAA;EANS;EAQT,KAAA,GAAQ,SAAA;EAAA;EAER,UAAA,GAAa,SAAA;EAEN;EAAP,IAAA,GAAO,SAAA;AAAA;;UAIQ,YAAA;EAdf;EAgBA,KAAA,GAAQ,SAAA;EAdR;EAgBA,QAAA;EAZA;EAcA,QAAA;EAZA;EAcA,QAAA,GAAW,aAAA;EAZX;EAcA,WAAA,GAAc,aAAA;EAdE;EAgBhB,OAAA,GAAU,aAAA;EAZK;EAcf,UAAA,GAAa,SAAA;;EAEb,IAAA,GAAO,SAAA;EARI;EAUX,MAAA,IAAU,KAAA,EAAO,gBAAA,KAAqB,YAAA;AAAA;;cAuDlC,KAAA;EAvDa;;;;qBA4DE,SAAA,EAAS,OAAA,GAAY,YAAA;EA5EhC;;;;kBAmFQ,SAAA,EAAS,OAAA,GAAY,YAAA;EA3ErC;;;;kBAkFgB,SAAA,EAAS,OAAA,GAAY,YAAA;EA9ExB;;;;qBAyFM,SAAA,EAAS,OAAA,GAAY,YAAA;EArF9B;;;AAAwC;mBA4FjC,SAAA,EAAS,OAAA,GAAY,YAAA,sBAWvC"}