@spear-ai/spectral 1.13.1 → 1.14.1

package/dist/Tabs/tabsUtils.js

@@ -1,67 +1,139 @@
+'use client';
 import "react";
+
 //#region src/components/Tabs/tabsUtils.ts
-var e = (e) => {
-	let t = {
+/**
+* Calculates the position and dimensions of the active tab indicator
+*/
+const calculateIndicatorStyle = (tabsListRef) => {
+	const defaultStyle = {
 		left: 0,
 		top: 0,
 		width: 0,
 		height: 0,
 		orientation: "horizontal",
-		isEnclosed: !1
+		isEnclosed: false
 	};
-	if (!e.current) return t;
-	let n = e.current.querySelector("[data-state='active']"), r = e.current.closest("[data-orientation]")?.getAttribute("data-orientation") ?? "horizontal", i = e.current.closest(".enclosed") !== null;
-	if (!n) return {
-		...t,
-		orientation: r,
-		isEnclosed: i
+	if (!tabsListRef.current) return defaultStyle;
+	const activeTab = tabsListRef.current.querySelector(`[data-state='active']`);
+	const orientation = tabsListRef.current.closest("[data-orientation]")?.getAttribute("data-orientation") ?? "horizontal";
+	const isEnclosed = tabsListRef.current.closest(".enclosed") !== null;
+	if (!activeTab) return {
+		...defaultStyle,
+		orientation,
+		isEnclosed
 	};
-	let a = n.getBoundingClientRect(), o = e.current.getBoundingClientRect();
+	const activeRect = activeTab.getBoundingClientRect();
+	const tabsRect = tabsListRef.current.getBoundingClientRect();
 	return {
-		height: a.height,
-		isEnclosed: i,
-		left: a.left - o.left,
-		orientation: r,
-		top: a.top - o.top,
-		width: a.width
+		height: activeRect.height,
+		isEnclosed,
+		left: activeRect.left - tabsRect.left,
+		orientation,
+		top: activeRect.top - tabsRect.top,
+		width: activeRect.width
 	};
-}, t = (e) => e.orientation === "horizontal" ? {
-	left: `${e.left}px`,
-	width: `${e.width}px`
-} : {
-	height: `${e.height}px`,
-	top: `${e.top}px`
-}, n = (e, t) => {
-	let n = null, r = (...r) => {
-		n !== null && clearTimeout(n), n = setTimeout(() => {
-			e(...r);
-		}, t);
+};
+/**
+* Gets CSS positioning styles for the indicator based on orientation
+*/
+const getIndicatorPosition = (style) => {
+	if (style.orientation === "horizontal") return {
+		left: `${style.left}px`,
+		width: `${style.width}px`
 	};
-	return r.cancel = () => {
-		n !== null && (clearTimeout(n), n = null);
-	}, r;
-}, r = () => {
-	if (typeof window > "u") return !1;
+	return {
+		height: `${style.height}px`,
+		top: `${style.top}px`
+	};
+};
+const debounce = (func, wait) => {
+	let timeout = null;
+	const debounced = (...args) => {
+		if (timeout !== null) clearTimeout(timeout);
+		timeout = setTimeout(() => {
+			func(...args);
+		}, wait);
+	};
+	debounced.cancel = () => {
+		if (timeout !== null) {
+			clearTimeout(timeout);
+			timeout = null;
+		}
+	};
+	return debounced;
+};
+/**
+* Checks if user prefers reduced motion (SSR safe)
+*/
+const prefersReducedMotion = () => {
+	if (typeof window === "undefined") return false;
 	try {
 		return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 	} catch {
-		return !1;
+		return false;
+	}
+};
+/**
+* Generates a cryptographically secure unique ID for component instances
+*/
+const generateId = (prefix = "tabs") => {
+	if (typeof crypto !== "undefined" && crypto.randomUUID) return `${prefix}-${crypto.randomUUID()}`;
+	return `${prefix}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`;
+};
+/**
+* Enhanced type guard with better error reporting in development
+*/
+const validateSingleTabValue = (tab, index) => {
+	if (typeof tab !== "object" || tab === null) {
+		console.warn(`Tabs: Tab at index ${index} must be an object, received: ${typeof tab}`);
+		return false;
+	}
+	const obj = tab;
+	if (!("key" in obj) || typeof obj.key !== "string" || obj.key.length === 0) {
+		console.warn(`Tabs: Tab at index ${index} must have a non-empty string 'key' property`);
+		return false;
+	}
+	if (!("label" in obj)) {
+		console.warn(`Tabs: Tab at index ${index} must have a 'label' property`);
+		return false;
+	}
+	if (!("children" in obj)) {
+		console.warn(`Tabs: Tab at index ${index} must have a 'children' property`);
+		return false;
+	}
+	return true;
+};
+/**
+* Validates tab values array for library usage with comprehensive type checking
+*/
+const validateTabValues = (tabValues) => {
+	if (!Array.isArray(tabValues) || tabValues.length === 0) {
+		console.warn("Tabs: tabValues must be a non-empty array");
+		return false;
 	}
-}, i = (e = "tabs") => typeof crypto < "u" && crypto.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`, a = (e, t) => {
-	if (typeof e != "object" || !e) return console.warn(`Tabs: Tab at index ${t} must be an object, received: ${typeof e}`), !1;
-	let n = e;
-	return !("key" in n) || typeof n.key != "string" || n.key.length === 0 ? (console.warn(`Tabs: Tab at index ${t} must have a non-empty string 'key' property`), !1) : "label" in n ? "children" in n ? !0 : (console.warn(`Tabs: Tab at index ${t} must have a 'children' property`), !1) : (console.warn(`Tabs: Tab at index ${t} must have a 'label' property`), !1);
-}, o = (e) => {
-	if (!Array.isArray(e) || e.length === 0) return console.warn("Tabs: tabValues must be a non-empty array"), !1;
-	let t = /* @__PURE__ */ new Set();
-	for (let n = 0; n < e.length; n += 1) {
-		let r = e[n];
-		if (!a(r, n)) return !1;
-		let i = r;
-		if (t.has(i.key)) return console.warn(`Tabs: Duplicate key found: '${i.key}' at index ${n}`), !1;
-		t.add(i.key);
+	const keys = /* @__PURE__ */ new Set();
+	for (let index = 0; index < tabValues.length; index += 1) {
+		const tab = tabValues[index];
+		if (!validateSingleTabValue(tab, index)) return false;
+		const obj = tab;
+		if (keys.has(obj.key)) {
+			console.warn(`Tabs: Duplicate key found: '${obj.key}' at index ${index}`);
+			return false;
+		}
+		keys.add(obj.key);
 	}
-	return !0;
-}, s = (e) => e.map((e) => e.key), c = (e, t) => e.find((e) => e.key === t);
+	return true;
+};
+/**
+* Type-safe key extractor for tab values
+*/
+const getTabKeys = (tabValues) => tabValues.map((tab) => tab.key);
+/**
+* Finds a tab by key with proper type narrowing
+*/
+const findTabByKey = (tabValues, key) => tabValues.find((tab) => tab.key === key);
+
 //#endregion
-export { e as calculateIndicatorStyle, n as debounce, c as findTabByKey, i as generateId, t as getIndicatorPosition, s as getTabKeys, r as prefersReducedMotion, o as validateTabValues };
+export { calculateIndicatorStyle, debounce, findTabByKey, generateId, getIndicatorPosition, getTabKeys, prefersReducedMotion, validateTabValues };
+//# sourceMappingURL=tabsUtils.js.map

package/dist/Tabs/tabsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsUtils.js","names":[],"sources":["../../src/components/Tabs/tabsUtils.ts"],"sourcesContent":["import { type RefObject } from 'react'\n\nexport interface IndicatorStyle {\n  left: number\n  top: number\n  width: number\n  height: number\n  orientation: 'horizontal' | 'vertical'\n  isEnclosed: boolean\n}\n\nexport interface IndicatorPosition {\n  left?: string\n  top?: string\n  width?: string\n  height?: string\n}\n\n/**\n * Calculates the position and dimensions of the active tab indicator\n */\nexport const calculateIndicatorStyle = (tabsListRef: RefObject<HTMLDivElement | null>): IndicatorStyle => {\n  const defaultStyle = {\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n    orientation: 'horizontal',\n    isEnclosed: false,\n  } as const satisfies IndicatorStyle\n\n  if (!tabsListRef.current) return defaultStyle\n\n  const activeTab = tabsListRef.current.querySelector<HTMLElement>(`[data-state='active']`)\n\n  const orientation = (tabsListRef.current.closest('[data-orientation]')?.getAttribute('data-orientation') ?? 'horizontal') as 'horizontal' | 'vertical'\n\n  const isEnclosed = tabsListRef.current.closest('.enclosed') !== null\n\n  if (!activeTab) return { ...defaultStyle, orientation, isEnclosed }\n\n  const activeRect = activeTab.getBoundingClientRect()\n  const tabsRect = tabsListRef.current.getBoundingClientRect()\n\n  return {\n    height: activeRect.height,\n    isEnclosed,\n    left: activeRect.left - tabsRect.left,\n    orientation,\n    top: activeRect.top - tabsRect.top,\n    width: activeRect.width,\n  } satisfies IndicatorStyle\n}\n\n/**\n * Gets CSS positioning styles for the indicator based on orientation\n */\nexport const getIndicatorPosition = (style: IndicatorStyle): IndicatorPosition => {\n  if (style.orientation === 'horizontal') {\n    return {\n      left: `${style.left}px`,\n      width: `${style.width}px`,\n    } satisfies IndicatorPosition\n  }\n\n  return {\n    height: `${style.height}px`,\n    top: `${style.top}px`,\n  } satisfies IndicatorPosition\n}\n\n/**\n * Debounce utility for performance optimization with proper cleanup\n */\nexport interface DebouncedFunction<TArgs extends unknown[]> {\n  (...args: TArgs): void\n  cancel: () => void\n}\n\nexport const debounce = <TArgs extends unknown[]>(func: (...args: TArgs) => void, wait: number): DebouncedFunction<TArgs> => {\n  let timeout: ReturnType<typeof setTimeout> | null = null\n\n  const debounced = (...args: TArgs): void => {\n    if (timeout !== null) {\n      clearTimeout(timeout)\n    }\n    timeout = setTimeout(() => {\n      func(...args)\n    }, wait)\n  }\n\n  debounced.cancel = (): void => {\n    if (timeout !== null) {\n      clearTimeout(timeout)\n      timeout = null\n    }\n  }\n\n  return debounced\n}\n\n/**\n * Checks if user prefers reduced motion (SSR safe)\n */\nexport const prefersReducedMotion = (): boolean => {\n  if (typeof window === 'undefined') return false\n\n  try {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  } catch {\n    return false\n  }\n}\n\n/**\n * Generates a cryptographically secure unique ID for component instances\n */\nexport const generateId = (prefix: string = 'tabs'): string => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n    return `${prefix}-${crypto.randomUUID()}`\n  }\n\n  // Fallback for older environments\n  return `${prefix}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`\n}\n\n/**\n * Enhanced type guard with better error reporting in development\n */\nconst validateSingleTabValue = (\n  tab: unknown,\n  index: number,\n): tab is {\n  key: string\n  label: unknown\n  children: unknown\n} => {\n  if (typeof tab !== 'object' || tab === null) {\n    console.warn(`Tabs: Tab at index ${index} must be an object, received: ${typeof tab}`)\n    return false\n  }\n\n  const obj = tab as Record<string, unknown>\n\n  if (!('key' in obj) || typeof obj.key !== 'string' || obj.key.length === 0) {\n    console.warn(`Tabs: Tab at index ${index} must have a non-empty string 'key' property`)\n    return false\n  }\n\n  if (!('label' in obj)) {\n    console.warn(`Tabs: Tab at index ${index} must have a 'label' property`)\n    return false\n  }\n\n  if (!('children' in obj)) {\n    console.warn(`Tabs: Tab at index ${index} must have a 'children' property`)\n    return false\n  }\n\n  return true\n}\n\n/**\n * Validates tab values array for library usage with comprehensive type checking\n */\nexport const validateTabValues = (tabValues: { key: string; label: unknown; children: unknown; [K: string]: unknown }[]): boolean => {\n  if (!Array.isArray(tabValues) || tabValues.length === 0) {\n    console.warn('Tabs: tabValues must be a non-empty array')\n    return false\n  }\n\n  const keys = new Set<string>()\n\n  for (let index = 0; index < tabValues.length; index += 1) {\n    const tab = tabValues[index]\n    if (!validateSingleTabValue(tab, index)) {\n      return false\n    }\n\n    // TypeScript now knows tab has a key property\n    const obj = tab as { key: string; [K: string]: unknown }\n\n    if (keys.has(obj.key)) {\n      console.warn(`Tabs: Duplicate key found: '${obj.key}' at index ${index}`)\n      return false\n    }\n\n    keys.add(obj.key)\n  }\n\n  return true\n}\n\n/**\n * Type-safe key extractor for tab values\n */\nexport const getTabKeys = <T extends { key: string }>(tabValues: T[]): string[] => tabValues.map((tab) => tab.key)\n\n/**\n * Finds a tab by key with proper type narrowing\n */\nexport const findTabByKey = <T extends { key: string }>(tabValues: T[], key: string): T | undefined => tabValues.find((tab) => tab.key === key)\n"],"mappings":"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"}

package/dist/Tabs.d.ts

@@ -1,39 +1,59 @@
-import { ReactNode } from 'react';
-import { TabsBase, TabsContent, TabsContentContainer, TabsList, TabsTrigger, TabsBaseProps } from './TabsBase';
-export interface TabValue {
-    children: ReactNode;
-    disabled?: boolean | undefined;
-    key: string | undefined;
-    label: ReactNode;
-    'aria-label'?: string | undefined;
-    'aria-describedby'?: string | undefined;
+'use client';
+import { TabsBase, TabsBaseProps, TabsContent, TabsContentContainer, TabsContentContainerProps, TabsContentProps, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps } from "./Tabs/TabsBase.js";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Tabs/Tabs.d.ts
+interface TabValue {
+  children: ReactNode;
+  disabled?: boolean | undefined;
+  key: string | undefined;
+  label: ReactNode;
+  'aria-label'?: string | undefined;
+  'aria-describedby'?: string | undefined;
 }
-export interface TabsProps extends Omit<TabsBaseProps, 'children' | 'defaultValue' | 'onError' | 'disabled' | 'value'> {
-    activationMode?: 'automatic' | 'manual' | undefined;
-    ariaLabel?: string | undefined;
-    className?: string | undefined;
-    /** Hide the content panel, useful when managing content display externally */
-    hideContent?: boolean | undefined;
-    onBeforeChange?: (newValue: string, oldValue: string) => boolean | Promise<boolean> | undefined;
-    onError?: ((error: Error) => void) | undefined;
-    loading?: boolean | undefined;
-    openOnLoad?: string | undefined;
-    rightSlot?: ReactNode | undefined;
-    tabValues: TabValue[] | undefined;
-    /**
-     * Controlled value - the currently active tab key.
-     * When provided, the component operates in controlled mode and the parent
-     * must manage the active tab state via `onValueChange`.
-     * Mutually exclusive with `openOnLoad` - use one or the other.
-     */
-    value?: string | undefined;
-    variant?: 'enclosed' | 'default';
+interface TabsProps extends Omit<TabsBaseProps, 'children' | 'defaultValue' | 'onError' | 'disabled' | 'value'> {
+  activationMode?: 'automatic' | 'manual' | undefined;
+  ariaLabel?: string | undefined;
+  className?: string | undefined;
+  /** Hide the content panel, useful when managing content display externally */
+  hideContent?: boolean | undefined;
+  onBeforeChange?: (newValue: string, oldValue: string) => boolean | Promise<boolean> | undefined;
+  onError?: ((error: Error) => void) | undefined;
+  loading?: boolean | undefined;
+  openOnLoad?: string | undefined;
+  rightSlot?: ReactNode | undefined;
+  tabValues: TabValue[] | undefined;
+  /**
+   * Controlled value - the currently active tab key.
+   * When provided, the component operates in controlled mode and the parent
+   * must manage the active tab state via `onValueChange`.
+   * Mutually exclusive with `openOnLoad` - use one or the other.
+   */
+  value?: string | undefined;
+  variant?: 'enclosed' | 'default';
 }
-export declare const Tabs: ({ activationMode, ariaLabel, className, hideContent, loading, onBeforeChange, onError, onValueChange, openOnLoad, orientation, rightSlot, tabValues, value: controlledValue, variant, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export { TabsContent, TabsContentContainer, TabsList, TabsBase as TabsRoot, TabsTrigger };
-export type { TabsBaseProps, TabsContentContainerProps, TabsContentProps, TabsListProps, TabsTriggerProps } from './TabsBase';
-export type TabKeys<T extends TabValue[]> = T[number]['key'];
-export type TabValueWithKey<TKey extends string> = TabValue & {
-    key: TKey;
+declare const Tabs: ({
+  activationMode,
+  ariaLabel,
+  className,
+  hideContent,
+  loading,
+  onBeforeChange,
+  onError,
+  onValueChange,
+  openOnLoad,
+  orientation,
+  rightSlot,
+  tabValues,
+  value: controlledValue,
+  variant,
+  ...props
+}: TabsProps) => _$react_jsx_runtime0.JSX.Element;
+type TabKeys<T extends TabValue[]> = T[number]['key'];
+type TabValueWithKey<TKey extends string> = TabValue & {
+  key: TKey;
 };
+//#endregion
+export { TabKeys, TabValue, TabValueWithKey, Tabs, type TabsBaseProps, TabsContent, TabsContentContainer, type TabsContentContainerProps, type TabsContentProps, TabsList, type TabsListProps, TabsProps, TabsBase as TabsRoot, TabsTrigger, type TabsTriggerProps };
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../src/components/Tabs/Tabs.tsx"],"mappings":";;;;;;UAKiB,QAAA;EACf,QAAA,EAAU,SAAA;EACV,QAAA;EACA,GAAA;EACA,KAAA,EAAO,SAAA;EACP,YAAA;EACA,kBAAA;AAAA;AAAA,UAGe,SAAA,SAAkB,IAAA,CAAK,aAAA;EACtC,cAAA;EACA,SAAA;EACA,SAAA;EARO;EAUP,WAAA;EACA,cAAA,IAAkB,QAAA,UAAkB,QAAA,uBAA+B,OAAA;EACnE,OAAA,KAAY,KAAA,EAAO,KAAA;EACnB,OAAA;EACA,UAAA;EACA,SAAA,GAAY,SAAA;EACZ,SAAA,EAAW,QAAA;EAX2B;;;;;;EAkBtC,KAAA;EACA,OAAA;AAAA;AAAA,cAGW,IAAA;EAAI,cAAA;EAAA,SAAA;EAAA,SAAA;EAAA,WAAA;EAAA,OAAA;EAAA,cAAA;EAAA,OAAA;EAAA,aAAA;EAAA,UAAA;EAAA,WAAA;EAAA,SAAA;EAAA,SAAA;EAAA,KAAA,EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAgBd,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAmIA,OAAA,WAAkB,QAAA,MAAc,CAAA;AAAA,KAChC,eAAA,wBAAuC,QAAA;EAAa,GAAA,EAAK,IAAA;AAAA"}

package/dist/Tabs.js

@@ -1,77 +1,98 @@
-'use client'
-import './styles/main.css'
-import { t as e } from "./twUtils-BpqlKSeB.js";
-import { getTabKeys as t, validateTabValues as n } from "./Tabs/tabsUtils.js";
-import { TabsBase as r, TabsContent as i, TabsContentContainer as a, TabsList as o, TabsTrigger as s } from "./Tabs/TabsBase.js";
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { getTabKeys, validateTabValues } from "./Tabs/tabsUtils.js";
+import { TabsBase, TabsContent, TabsContentContainer, TabsList, TabsTrigger } from "./Tabs/TabsBase.js";
 import "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/components/Tabs/Tabs.tsx
-var u = ({ activationMode: u = "automatic", ariaLabel: d, className: f, hideContent: p = !1, loading: m = !1, onBeforeChange: h, onError: g, onValueChange: _, openOnLoad: v, orientation: y = "horizontal", rightSlot: b, tabValues: x = [], value: S, variant: C = "default", ...w }) => {
-	if (m) return /* @__PURE__ */ c("div", {
+const Tabs = ({ activationMode = "automatic", ariaLabel, className, hideContent = false, loading = false, onBeforeChange, onError, onValueChange, openOnLoad, orientation = "horizontal", rightSlot, tabValues = [], value: controlledValue, variant = "default", ...props }) => {
+	if (loading) return /* @__PURE__ */ jsx("div", {
 		className: "p-4 relative flex w-full flex-col text-center text-text-secondary",
 		role: "status",
 		"aria-live": "polite",
-		children: /* @__PURE__ */ c("p", { children: "Loading tabs…" })
+		children: /* @__PURE__ */ jsx("p", { children: "Loading tabs…" })
 	});
-	let T = x.filter((e) => e.key !== void 0), E = S !== void 0;
-	if (!n(T)) return g?.(/* @__PURE__ */ Error("Invalid tabValues provided to Tabs component")), /* @__PURE__ */ c("div", {
-		className: "p-4 text-gray-500 relative flex w-full flex-col text-center",
-		role: "alert",
-		"aria-live": "polite",
-		children: /* @__PURE__ */ c("p", { children: "No valid tabs provided" })
-	});
-	let D = t(T), O;
-	E && (D.includes(S) ? O = S : (console.warn(`Tabs: value '${S}' is not a valid tab key, falling back to first tab`), O = D[0]));
-	let k;
-	if (!E && (k = v ?? D[0], v && !D.includes(v) && (console.warn(`Tabs: openOnLoad value '${v}' is not a valid tab key`), k = D[0]), !k)) return g?.(/* @__PURE__ */ Error("No valid default tab available")), /* @__PURE__ */ c("div", {
-		className: "p-4 relative flex w-full flex-col text-center text-text-secondary",
-		role: "alert",
-		"aria-live": "polite",
-		children: /* @__PURE__ */ c("p", { children: "Unable to render tabs" })
-	});
-	let A = async (e) => {
-		if (h && _) {
-			let t = E ? O ?? "" : k ?? "";
+	const validTabs = tabValues.filter((tab) => tab.key !== void 0);
+	const isControlled = controlledValue !== void 0;
+	if (!validateTabValues(validTabs)) {
+		onError?.(/* @__PURE__ */ new Error("Invalid tabValues provided to Tabs component"));
+		return /* @__PURE__ */ jsx("div", {
+			className: "p-4 text-gray-500 relative flex w-full flex-col text-center",
+			role: "alert",
+			"aria-live": "polite",
+			children: /* @__PURE__ */ jsx("p", { children: "No valid tabs provided" })
+		});
+	}
+	const validKeys = getTabKeys(validTabs);
+	let effectiveValue;
+	if (isControlled) if (validKeys.includes(controlledValue)) effectiveValue = controlledValue;
+	else {
+		console.warn(`Tabs: value '${controlledValue}' is not a valid tab key, falling back to first tab`);
+		effectiveValue = validKeys[0];
+	}
+	let defaultValue;
+	if (!isControlled) {
+		defaultValue = openOnLoad ?? validKeys[0];
+		if (openOnLoad && !validKeys.includes(openOnLoad)) {
+			console.warn(`Tabs: openOnLoad value '${openOnLoad}' is not a valid tab key`);
+			defaultValue = validKeys[0];
+		}
+		if (!defaultValue) {
+			onError?.(/* @__PURE__ */ new Error("No valid default tab available"));
+			return /* @__PURE__ */ jsx("div", {
+				className: "p-4 relative flex w-full flex-col text-center text-text-secondary",
+				role: "alert",
+				"aria-live": "polite",
+				children: /* @__PURE__ */ jsx("p", { children: "Unable to render tabs" })
+			});
+		}
+	}
+	const handleValueChange = async (newValue) => {
+		if (onBeforeChange && onValueChange) {
+			const currentValue = isControlled ? effectiveValue ?? "" : defaultValue ?? "";
 			try {
-				if (await h(e, t) === !1) return;
-			} catch (e) {
-				g?.(e instanceof Error ? e : /* @__PURE__ */ Error("Before change callback failed"));
+				if (await onBeforeChange(newValue, currentValue) === false) return;
+			} catch (error) {
+				onError?.(error instanceof Error ? error : /* @__PURE__ */ new Error("Before change callback failed"));
 				return;
 			}
 		}
-		_?.(e);
+		onValueChange?.(newValue);
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: "relative flex w-full flex-col",
-		children: /* @__PURE__ */ l(r, {
-			"aria-label": d,
-			className: e("relative w-full data-[orientation=vertical]:flex", C, f),
-			...E ? { value: O } : { defaultValue: k },
-			orientation: y,
-			activationMode: u,
-			onValueChange: A,
-			...w,
-			children: [/* @__PURE__ */ c(o, {
-				className: e("inline-flex w-full items-center justify-between", y === "horizontal" && C === "default" && "border-b border-tabs-border", y === "vertical" && C === "default" && "m-0 py-1 relative h-auto w-auto flex-col items-stretch border-r border-tabs-border", y === "horizontal" && C === "enclosed" && "rounded-lg p-1 relative border-0 bg-tabs-group-bg", y === "vertical" && C === "enclosed" && "rounded-lg p-1 w-auto flex-col border-0 bg-tabs-group-bg"),
-				rightSlot: b,
-				children: T.map((t) => /* @__PURE__ */ c(s, {
-					value: t.key,
-					disabled: t.disabled,
-					"aria-label": t["aria-label"],
-					"aria-describedby": t["aria-describedby"],
-					className: e("font-semibold relative whitespace-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:outline-none", y === "horizontal" && C === "default" && "py-2 px-4 hover:bg-tabs-bg--hover text-text-primary hover:text-accent", y === "vertical" && C === "default" && "h-10 px-4 py-2 hover:bg-tabs-bg--hover flex items-center text-text-primary hover:text-accent data-[state=active]:text-accent", y === "horizontal" && C === "enclosed" && "px-4 py-2 hover:bg-tabs-bg--hover z-[1] inline-flex items-center justify-center text-text-primary hover:text-accent data-[state=active]:text-accent", y === "vertical" && C === "enclosed" && "px-4 py-2 hover:bg-tabs-bg--hover z-1 text-text-primary hover:text-accent data-[state=active]:text-accent", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-text-primary"),
-					children: t.label
-				}, t.key))
-			}), !p && /* @__PURE__ */ c(a, {
-				className: e(y === "vertical" && "flex-1"),
-				children: T.map((t) => /* @__PURE__ */ c(i, {
-					value: t.key,
-					className: e("text-text-primary focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", y === "horizontal" && "pb-4", y === "vertical" && "py-2 px-4"),
-					children: t.children
-				}, t.key))
+		children: /* @__PURE__ */ jsxs(TabsBase, {
+			"aria-label": ariaLabel,
+			className: cn("relative w-full data-[orientation=vertical]:flex", variant, className),
+			...isControlled ? { value: effectiveValue } : { defaultValue },
+			orientation,
+			activationMode,
+			onValueChange: handleValueChange,
+			...props,
+			children: [/* @__PURE__ */ jsx(TabsList, {
+				className: cn("inline-flex w-full items-center justify-between", orientation === "horizontal" && variant === "default" && "border-b border-tabs-border", orientation === "vertical" && variant === "default" && "m-0 py-1 relative h-auto w-auto flex-col items-stretch border-r border-tabs-border", orientation === "horizontal" && variant === "enclosed" && "rounded-lg p-1 relative border-0 bg-tabs-group-bg", orientation === "vertical" && variant === "enclosed" && "rounded-lg p-1 w-auto flex-col border-0 bg-tabs-group-bg"),
+				rightSlot,
+				children: validTabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, {
+					value: tab.key,
+					disabled: tab.disabled,
+					"aria-label": tab["aria-label"],
+					"aria-describedby": tab["aria-describedby"],
+					className: cn("font-semibold relative whitespace-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:outline-none", orientation === "horizontal" && variant === "default" && "py-2 px-4 hover:bg-tabs-bg--hover text-text-primary hover:text-accent", orientation === "vertical" && variant === "default" && "h-10 px-4 py-2 hover:bg-tabs-bg--hover flex items-center text-text-primary hover:text-accent data-[state=active]:text-accent", orientation === "horizontal" && variant === "enclosed" && "px-4 py-2 hover:bg-tabs-bg--hover z-[1] inline-flex items-center justify-center text-text-primary hover:text-accent data-[state=active]:text-accent", orientation === "vertical" && variant === "enclosed" && "px-4 py-2 hover:bg-tabs-bg--hover z-1 text-text-primary hover:text-accent data-[state=active]:text-accent", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-text-primary"),
+					children: tab.label
+				}, tab.key))
+			}), !hideContent && /* @__PURE__ */ jsx(TabsContentContainer, {
+				className: cn(orientation === "vertical" && "flex-1"),
+				children: validTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, {
+					value: tab.key,
+					className: cn("text-text-primary focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", orientation === "horizontal" && "pb-4", orientation === "vertical" && "py-2 px-4"),
+					children: tab.children
+				}, tab.key))
 			})]
 		})
 	});
 };
+
 //#endregion
-export { u as Tabs, i as TabsContent, a as TabsContentContainer, o as TabsList, r as TabsRoot, s as TabsTrigger };
+export { Tabs, TabsContent, TabsContentContainer, TabsList, TabsBase as TabsRoot, TabsTrigger };
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ReactNode } from 'react'\nimport { TabsBase, TabsContent, TabsContentContainer, TabsList, TabsTrigger, type TabsBaseProps } from './TabsBase'\nimport { getTabKeys, validateTabValues } from './tabsUtils'\n\nexport interface TabValue {\n  children: ReactNode\n  disabled?: boolean | undefined\n  key: string | undefined\n  label: ReactNode\n  'aria-label'?: string | undefined\n  'aria-describedby'?: string | undefined\n}\n\nexport interface TabsProps extends Omit<TabsBaseProps, 'children' | 'defaultValue' | 'onError' | 'disabled' | 'value'> {\n  activationMode?: 'automatic' | 'manual' | undefined\n  ariaLabel?: string | undefined\n  className?: string | undefined\n  /** Hide the content panel, useful when managing content display externally */\n  hideContent?: boolean | undefined\n  onBeforeChange?: (newValue: string, oldValue: string) => boolean | Promise<boolean> | undefined\n  onError?: ((error: Error) => void) | undefined\n  loading?: boolean | undefined\n  openOnLoad?: string | undefined\n  rightSlot?: ReactNode | undefined\n  tabValues: TabValue[] | undefined\n  /**\n   * Controlled value - the currently active tab key.\n   * When provided, the component operates in controlled mode and the parent\n   * must manage the active tab state via `onValueChange`.\n   * Mutually exclusive with `openOnLoad` - use one or the other.\n   */\n  value?: string | undefined\n  variant?: 'enclosed' | 'default'\n}\n\nexport const Tabs = ({\n  activationMode = 'automatic',\n  ariaLabel,\n  className,\n  hideContent = false,\n  loading = false,\n  onBeforeChange,\n  onError,\n  onValueChange,\n  openOnLoad,\n  orientation = 'horizontal',\n  rightSlot,\n  tabValues = [],\n  value: controlledValue,\n  variant = 'default',\n  ...props\n}: TabsProps) => {\n  if (loading) {\n    return (\n      <div className='p-4 relative flex w-full flex-col text-center text-text-secondary' role='status' aria-live='polite'>\n        <p>Loading tabs…</p>\n      </div>\n    )\n  }\n\n  const validTabs = tabValues.filter((tab): tab is TabValue & { key: string } => tab.key !== undefined)\n  const isControlled = controlledValue !== undefined\n\n  if (!validateTabValues(validTabs as { key: string; label: unknown; children: unknown; [K: string]: unknown }[])) {\n    const error = new Error('Invalid tabValues provided to Tabs component')\n    onError?.(error)\n\n    return (\n      <div className='p-4 text-gray-500 relative flex w-full flex-col text-center' role='alert' aria-live='polite'>\n        <p>No valid tabs provided</p>\n      </div>\n    )\n  }\n\n  const validKeys = getTabKeys(validTabs)\n\n  // Compute effective value for controlled mode (fallback if invalid)\n  let effectiveValue: string | undefined\n  if (isControlled) {\n    if (validKeys.includes(controlledValue)) {\n      effectiveValue = controlledValue\n    } else {\n      console.warn(`Tabs: value '${controlledValue}' is not a valid tab key, falling back to first tab`)\n      effectiveValue = validKeys[0]\n    }\n  }\n\n  // For uncontrolled mode, determine the default value\n  let defaultValue: string | undefined\n  if (!isControlled) {\n    defaultValue = openOnLoad ?? validKeys[0]\n\n    if (openOnLoad && !validKeys.includes(openOnLoad)) {\n      console.warn(`Tabs: openOnLoad value '${openOnLoad}' is not a valid tab key`)\n      defaultValue = validKeys[0]\n    }\n\n    if (!defaultValue) {\n      const error = new Error('No valid default tab available')\n      onError?.(error)\n      return (\n        <div className='p-4 relative flex w-full flex-col text-center text-text-secondary' role='alert' aria-live='polite'>\n          <p>Unable to render tabs</p>\n        </div>\n      )\n    }\n  }\n\n  const handleValueChange = async (newValue: string) => {\n    if (onBeforeChange && onValueChange) {\n      const currentValue = isControlled ? (effectiveValue ?? '') : (defaultValue ?? '')\n      try {\n        const canChange = await onBeforeChange(newValue, currentValue)\n        if (canChange === false) return\n      } catch (error) {\n        onError?.(error instanceof Error ? error : new Error('Before change callback failed'))\n        return\n      }\n    }\n\n    onValueChange?.(newValue)\n  }\n\n  return (\n    <div className='relative flex w-full flex-col'>\n      <TabsBase\n        aria-label={ariaLabel}\n        className={cn('relative w-full data-[orientation=vertical]:flex', variant, className)}\n        {...(isControlled ? { value: effectiveValue } : { defaultValue })}\n        orientation={orientation}\n        activationMode={activationMode}\n        onValueChange={handleValueChange}\n        {...props}\n      >\n        <TabsList\n          className={cn(\n            'inline-flex w-full items-center justify-between',\n            orientation === 'horizontal' && variant === 'default' && 'border-b border-tabs-border',\n            orientation === 'vertical' && variant === 'default' && 'm-0 py-1 relative h-auto w-auto flex-col items-stretch border-r border-tabs-border',\n            orientation === 'horizontal' && variant === 'enclosed' && 'rounded-lg p-1 relative border-0 bg-tabs-group-bg',\n            orientation === 'vertical' && variant === 'enclosed' && 'rounded-lg p-1 w-auto flex-col border-0 bg-tabs-group-bg',\n          )}\n          rightSlot={rightSlot}\n        >\n          {validTabs.map((tab) => (\n            <TabsTrigger\n              key={tab.key}\n              value={tab.key}\n              disabled={tab.disabled}\n              aria-label={tab['aria-label']}\n              aria-describedby={tab['aria-describedby']}\n              className={cn(\n                'font-semibold relative whitespace-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:outline-none',\n                orientation === 'horizontal' && variant === 'default' && 'py-2 px-4 hover:bg-tabs-bg--hover text-text-primary hover:text-accent',\n                orientation === 'vertical' && variant === 'default' && 'h-10 px-4 py-2 hover:bg-tabs-bg--hover flex items-center text-text-primary hover:text-accent data-[state=active]:text-accent',\n                orientation === 'horizontal' && variant === 'enclosed' && 'px-4 py-2 hover:bg-tabs-bg--hover z-[1] inline-flex items-center justify-center text-text-primary hover:text-accent data-[state=active]:text-accent',\n                orientation === 'vertical' && variant === 'enclosed' && 'px-4 py-2 hover:bg-tabs-bg--hover z-1 text-text-primary hover:text-accent data-[state=active]:text-accent',\n                'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-text-primary',\n              )}\n            >\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n        {!hideContent && (\n          <TabsContentContainer className={cn(orientation === 'vertical' && 'flex-1')}>\n            {validTabs.map((tab) => (\n              <TabsContent key={tab.key} value={tab.key} className={cn('text-text-primary focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent', orientation === 'horizontal' && 'pb-4', orientation === 'vertical' && 'py-2 px-4')}>\n                {tab.children}\n              </TabsContent>\n            ))}\n          </TabsContentContainer>\n        )}\n      </TabsBase>\n    </div>\n  )\n}\n\nexport { TabsContent, TabsContentContainer, TabsList, TabsBase as TabsRoot, TabsTrigger }\n\nexport type { TabsBaseProps, TabsContentContainerProps, TabsContentProps, TabsListProps, TabsTriggerProps } from './TabsBase'\n\nexport type TabKeys<T extends TabValue[]> = T[number]['key']\nexport type TabValueWithKey<TKey extends string> = TabValue & { key: TKey }\n"],"mappings":";;;;;;;;AAoCA,MAAa,QAAQ,EACnB,iBAAiB,aACjB,WACA,WACA,cAAc,OACd,UAAU,OACV,gBACA,SACA,eACA,YACA,cAAc,cACd,WACA,YAAY,EAAE,EACd,OAAO,iBACP,UAAU,WACV,GAAG,YACY;AACf,KAAI,QACF,QACE,oBAAC,OAAD;EAAK,WAAU;EAAoE,MAAK;EAAS,aAAU;YACzG,oBAAC,KAAD,YAAG,iBAAiB;EAChB;CAIV,MAAM,YAAY,UAAU,QAAQ,QAA2C,IAAI,QAAQ,OAAU;CACrG,MAAM,eAAe,oBAAoB;AAEzC,KAAI,CAAC,kBAAkB,UAAwF,EAAE;AAE/G,4BAAU,IADQ,MAAM,+CACT,CAAC;AAEhB,SACE,oBAAC,OAAD;GAAK,WAAU;GAA8D,MAAK;GAAQ,aAAU;aAClG,oBAAC,KAAD,YAAG,0BAA0B;GACzB;;CAIV,MAAM,YAAY,WAAW,UAAU;CAGvC,IAAI;AACJ,KAAI,aACF,KAAI,UAAU,SAAS,gBAAgB,CACrC,kBAAiB;MACZ;AACL,UAAQ,KAAK,gBAAgB,gBAAgB,qDAAqD;AAClG,mBAAiB,UAAU;;CAK/B,IAAI;AACJ,KAAI,CAAC,cAAc;AACjB,iBAAe,cAAc,UAAU;AAEvC,MAAI,cAAc,CAAC,UAAU,SAAS,WAAW,EAAE;AACjD,WAAQ,KAAK,2BAA2B,WAAW,0BAA0B;AAC7E,kBAAe,UAAU;;AAG3B,MAAI,CAAC,cAAc;AAEjB,6BAAU,IADQ,MAAM,iCACT,CAAC;AAChB,UACE,oBAAC,OAAD;IAAK,WAAU;IAAoE,MAAK;IAAQ,aAAU;cACxG,oBAAC,KAAD,YAAG,yBAAyB;IACxB;;;CAKZ,MAAM,oBAAoB,OAAO,aAAqB;AACpD,MAAI,kBAAkB,eAAe;GACnC,MAAM,eAAe,eAAgB,kBAAkB,KAAO,gBAAgB;AAC9E,OAAI;AAEF,QAAI,MADoB,eAAe,UAAU,aAAa,KAC5C,MAAO;YAClB,OAAO;AACd,cAAU,iBAAiB,QAAQ,wBAAQ,IAAI,MAAM,gCAAgC,CAAC;AACtF;;;AAIJ,kBAAgB,SAAS;;AAG3B,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,UAAD;GACE,cAAY;GACZ,WAAW,GAAG,oDAAoD,SAAS,UAAU;GACrF,GAAK,eAAe,EAAE,OAAO,gBAAgB,GAAG,EAAE,cAAc;GACnD;GACG;GAChB,eAAe;GACf,GAAI;aAPN,CASE,oBAAC,UAAD;IACE,WAAW,GACT,mDACA,gBAAgB,gBAAgB,YAAY,aAAa,+BACzD,gBAAgB,cAAc,YAAY,aAAa,sFACvD,gBAAgB,gBAAgB,YAAY,cAAc,qDAC1D,gBAAgB,cAAc,YAAY,cAAc,2DACzD;IACU;cAEV,UAAU,KAAK,QACd,oBAAC,aAAD;KAEE,OAAO,IAAI;KACX,UAAU,IAAI;KACd,cAAY,IAAI;KAChB,oBAAkB,IAAI;KACtB,WAAW,GACT,kIACA,gBAAgB,gBAAgB,YAAY,aAAa,yEACzD,gBAAgB,cAAc,YAAY,aAAa,gIACvD,gBAAgB,gBAAgB,YAAY,cAAc,uJAC1D,gBAAgB,cAAc,YAAY,cAAc,6GACxD,iHACD;eAEA,IAAI;KACO,EAfP,IAAI,IAeG,CACd;IACO,GACV,CAAC,eACA,oBAAC,sBAAD;IAAsB,WAAW,GAAG,gBAAgB,cAAc,SAAS;cACxE,UAAU,KAAK,QACd,oBAAC,aAAD;KAA2B,OAAO,IAAI;KAAK,WAAW,GAAG,4HAA4H,gBAAgB,gBAAgB,QAAQ,gBAAgB,cAAc,YAAY;eACpQ,IAAI;KACO,EAFI,IAAI,IAER,CACd;IACmB,EAEhB;;EACP"}

package/dist/Textarea/TextareaUtils.d.ts

@@ -1,19 +1,30 @@
-import { ChangeEvent, ClipboardEvent, FocusEvent } from 'react';
-export interface UseTextareaOptions {
-    maxLength: number;
-    onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    onChange: (value: string) => void;
-    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    value: string;
+'use client';
+import { ChangeEvent, ClipboardEvent, FocusEvent } from "react";
+
+//#region src/components/Textarea/TextareaUtils.d.ts
+interface UseTextareaOptions {
+  maxLength: number;
+  onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+  onChange: (value: string) => void;
+  onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+  value: string;
 }
-export interface UseTextareaReturn {
-    handleBlur: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    handleChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
-    handleFocus: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    handlePaste: (e: ClipboardEvent<HTMLTextAreaElement>) => void;
+interface UseTextareaReturn {
+  handleBlur: (e: FocusEvent<HTMLTextAreaElement>) => void;
+  handleChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+  handleFocus: (e: FocusEvent<HTMLTextAreaElement>) => void;
+  handlePaste: (e: ClipboardEvent<HTMLTextAreaElement>) => void;
 }
 /**
  * Custom hook for textarea functionality with character limits and event handling
  */
-export declare const useTextarea: ({ maxLength, value, onChange, onFocus, onBlur }: UseTextareaOptions) => UseTextareaReturn;
+declare const useTextarea: ({
+  maxLength,
+  value,
+  onChange,
+  onFocus,
+  onBlur
+}: UseTextareaOptions) => UseTextareaReturn;
+//#endregion
+export { UseTextareaOptions, UseTextareaReturn, useTextarea };
 //# sourceMappingURL=TextareaUtils.d.ts.map

package/dist/Textarea/TextareaUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaUtils.d.ts","names":[],"sources":["../../src/components/Textarea/TextareaUtils.tsx"],"mappings":";;;;UAEiB,kBAAA;EACf,SAAA;EACA,MAAA,IAAU,CAAA,EAAG,UAAA,CAAW,mBAAA;EACxB,QAAA,GAAW,KAAA;EACX,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,mBAAA;EACzB,KAAA;AAAA;AAAA,UAGe,iBAAA;EACf,UAAA,GAAa,CAAA,EAAG,UAAA,CAAW,mBAAA;EAC3B,YAAA,GAAe,CAAA,EAAG,WAAA,CAAY,mBAAA;EAC9B,WAAA,GAAc,CAAA,EAAG,UAAA,CAAW,mBAAA;EAC5B,WAAA,GAAc,CAAA,EAAG,cAAA,CAAe,mBAAA;AAAA;;;;cA+CrB,WAAA;EAAW,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,GAAqD,kBAAA,KAAqB,iBAAA"}