@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/table/use-table.js

@@ -0,0 +1,256 @@
+import { cn } from "../lib/utils.js";
+import { compareValues } from "../components/table/sort.js";
+import { useCallback, useDeferredValue, useMemo, useState } from "react";
+
+//#region src/components/table/use-table.ts
+const DEFAULT_PAGE_SIZE = 10;
+const DEFAULT_PAGE_SIZE_OPTIONS = [
+	10,
+	25,
+	50,
+	100
+];
+function useTable(options) {
+	const { data, columns: columnDefs, pagination, sort, search, filters, selection: selectionConfig } = options;
+	const [currentPage, setCurrentPage] = useState(1);
+	const [pageSize, setPageSize] = useState(pagination?.pageSize ?? DEFAULT_PAGE_SIZE);
+	const [sortState, setSortState] = useState({
+		key: sort?.key ?? null,
+		direction: sort?.direction ?? "asc"
+	});
+	const [searchTerm, setSearchTerm] = useState("");
+	const [filterValues, setFilterValues] = useState(() => {
+		if (!filters) return {};
+		const initial = {};
+		for (const [id, def] of Object.entries(filters)) if (def.defaultValue !== void 0) initial[id] = def.defaultValue;
+		return initial;
+	});
+	const [internalSelectedKeys, setInternalSelectedKeys] = useState(() => new Set(selectionConfig?.defaultSelectedKeys ?? []));
+	const isControlled = selectionConfig?.selectedKeys !== void 0;
+	const selectedKeysSet = useMemo(() => isControlled ? new Set(selectionConfig?.selectedKeys) : internalSelectedKeys, [
+		isControlled,
+		selectionConfig?.selectedKeys,
+		internalSelectedKeys
+	]);
+	const sortKey = sortState.key;
+	const sortDirection = sortState.direction;
+	const debouncedSearchTerm = useDeferredValue(searchTerm);
+	const pageSizeOptions = pagination?.pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS;
+	const filteredByFilters = useMemo(() => {
+		if (!filters) return data;
+		return data.filter((row) => {
+			for (const [id, def] of Object.entries(filters)) {
+				const value = filterValues[id];
+				if (value === void 0) continue;
+				if (!def.predicate(row, value)) return false;
+			}
+			return true;
+		});
+	}, [
+		data,
+		filters,
+		filterValues
+	]);
+	const filteredData = useMemo(() => {
+		if (!search || !debouncedSearchTerm) return filteredByFilters;
+		const term = debouncedSearchTerm.toLowerCase();
+		return filteredByFilters.filter((row) => search.keys.some((key) => String(row[key]).toLowerCase().includes(term)));
+	}, [
+		filteredByFilters,
+		debouncedSearchTerm,
+		search
+	]);
+	const sortedData = useMemo(() => {
+		if (!sortKey) return filteredData;
+		return [...filteredData].sort((a, b) => compareValues(a[sortKey], b[sortKey], sortDirection));
+	}, [
+		filteredData,
+		sortKey,
+		sortDirection
+	]);
+	const totalItems = sortedData.length;
+	const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1;
+	const effectivePage = Math.min(currentPage, totalPages);
+	const rows = useMemo(() => {
+		if (!pagination) return sortedData;
+		const start = (effectivePage - 1) * pageSize;
+		return sortedData.slice(start, start + pageSize);
+	}, [
+		sortedData,
+		effectivePage,
+		pageSize,
+		pagination
+	]);
+	const onPageChange = useCallback((page) => {
+		setCurrentPage(Math.max(1, Math.min(page, totalPages)));
+	}, [totalPages]);
+	const onPageSizeChange = useCallback((size) => {
+		setPageSize(size);
+		setCurrentPage(1);
+	}, []);
+	const onSort = useCallback((key) => {
+		setSortState((prev) => {
+			if (prev.key !== key) return {
+				key,
+				direction: "asc"
+			};
+			if (prev.direction === "asc") return {
+				key,
+				direction: "desc"
+			};
+			return {
+				key: null,
+				direction: "asc"
+			};
+		});
+		setCurrentPage(1);
+	}, []);
+	const onSearchChange = useCallback((term) => {
+		setSearchTerm(term);
+		setCurrentPage(1);
+	}, []);
+	const setFilterValue = useCallback((id, value) => {
+		setFilterValues((prev) => ({
+			...prev,
+			[id]: value
+		}));
+		setCurrentPage(1);
+	}, []);
+	const clearFilters = useCallback(() => {
+		setFilterValues({});
+		setCurrentPage(1);
+	}, []);
+	const activeFilterCount = useMemo(() => Object.values(filterValues).filter((v) => v !== void 0 && v !== null && !(Array.isArray(v) && v.length === 0) && v !== "").length, [filterValues]);
+	const currentPageRowKeys = useMemo(() => {
+		if (!selectionConfig) return [];
+		return rows.map((row) => selectionConfig.rowKey(row));
+	}, [rows, selectionConfig]);
+	const pageSelectionState = useMemo(() => {
+		if (!selectionConfig || currentPageRowKeys.length === 0) return "none";
+		const selectedOnPage = currentPageRowKeys.filter((key) => selectedKeysSet.has(key));
+		if (selectedOnPage.length === 0) return "none";
+		if (selectedOnPage.length === currentPageRowKeys.length) return "all";
+		return "some";
+	}, [
+		selectionConfig,
+		currentPageRowKeys,
+		selectedKeysSet
+	]);
+	const updateSelection = useCallback((newKeys) => {
+		if (isControlled) selectionConfig?.onSelectionChange?.(newKeys);
+		else {
+			setInternalSelectedKeys(new Set(newKeys));
+			selectionConfig?.onSelectionChange?.(newKeys);
+		}
+	}, [isControlled, selectionConfig]);
+	const isSelected = useCallback((key) => selectedKeysSet.has(key), [selectedKeysSet]);
+	const toggleRow = useCallback((key) => {
+		const newKeys = new Set(selectedKeysSet);
+		if (newKeys.has(key)) newKeys.delete(key);
+		else newKeys.add(key);
+		updateSelection(Array.from(newKeys));
+	}, [selectedKeysSet, updateSelection]);
+	const isRowSelected = useCallback((row) => {
+		if (!selectionConfig) return false;
+		return selectedKeysSet.has(selectionConfig.rowKey(row));
+	}, [selectedKeysSet, selectionConfig]);
+	const toggleRowSelection = useCallback((row) => {
+		if (!selectionConfig) return;
+		toggleRow(selectionConfig.rowKey(row));
+	}, [toggleRow, selectionConfig]);
+	const toggleAllOnPage = useCallback(() => {
+		const newKeys = new Set(selectedKeysSet);
+		if (pageSelectionState === "all") for (const key of currentPageRowKeys) newKeys.delete(key);
+		else for (const key of currentPageRowKeys) newKeys.add(key);
+		updateSelection(Array.from(newKeys));
+	}, [
+		selectedKeysSet,
+		pageSelectionState,
+		currentPageRowKeys,
+		updateSelection
+	]);
+	const clearSelection = useCallback(() => {
+		updateSelection([]);
+	}, [updateSelection]);
+	const selection = useMemo(() => {
+		if (!selectionConfig) return void 0;
+		return {
+			selectedKeys: Array.from(selectedKeysSet),
+			selectedCount: selectedKeysSet.size,
+			isSelected,
+			toggleRow,
+			isRowSelected,
+			toggleRowSelection,
+			toggleAllOnPage,
+			clearSelection,
+			pageSelectionState,
+			isIndeterminate: pageSelectionState === "some",
+			isAllOnPageSelected: pageSelectionState === "all"
+		};
+	}, [
+		selectionConfig,
+		selectedKeysSet,
+		isSelected,
+		toggleRow,
+		isRowSelected,
+		toggleRowSelection,
+		toggleAllOnPage,
+		clearSelection,
+		pageSelectionState
+	]);
+	return {
+		columns: useMemo(() => {
+			return columnDefs.map((def) => {
+				const key = def.key;
+				const sortable = def.sortable ?? false;
+				const isSorted = sortKey === key;
+				const renderCell = (row) => {
+					const value = row[key];
+					if (def.cell) return def.cell(value, row);
+					if (def.format) return def.format(value, row);
+					return value == null ? "" : String(value);
+				};
+				return {
+					key,
+					head: {
+						children: def.header,
+						className: cn(def.className, def.headerClassName) || void 0,
+						style: def.width ? { width: def.width } : void 0,
+						sortable,
+						sortDirection: isSorted ? sortDirection : void 0,
+						onSort: sortable ? () => onSort(key) : void 0
+					},
+					cell: { className: cn(def.className, def.cellClassName) || void 0 },
+					renderCell
+				};
+			});
+		}, [
+			columnDefs,
+			sortKey,
+			sortDirection,
+			onSort
+		]),
+		rows,
+		totalItems,
+		currentPage: effectivePage,
+		totalPages,
+		pageSize,
+		pageSizeOptions,
+		onPageChange,
+		onPageSizeChange,
+		sortKey,
+		sortDirection,
+		onSort,
+		searchTerm,
+		onSearchChange,
+		filterValues,
+		setFilterValue,
+		clearFilters,
+		activeFilterCount,
+		selection
+	};
+}
+
+//#endregion
+export { useTable };
+//# sourceMappingURL=use-table.js.map

package/dist/table/use-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.js","names":[],"sources":["../../src/components/table/use-table.ts"],"sourcesContent":["import { type ReactNode, useCallback, useDeferredValue, useMemo, useState } from 'react'\n\nimport { cn } from '../../lib/utils'\nimport { compareValues } from './sort'\nimport type {\n  ColumnDef,\n  FilterValues,\n  ProcessedColumn,\n  SelectionState,\n  SortDirection,\n  UseTableOptions,\n  UseTableReturn,\n} from './types'\n\nconst DEFAULT_PAGE_SIZE = 10\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\nexport function useTable<T>(options: UseTableOptions<T>): UseTableReturn<T> {\n  const {\n    data,\n    columns: columnDefs,\n    pagination,\n    sort,\n    search,\n    filters,\n    selection: selectionConfig,\n  } = options\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [pageSize, setPageSize] = useState(pagination?.pageSize ?? DEFAULT_PAGE_SIZE)\n  const [sortState, setSortState] = useState<{\n    key: keyof T | null\n    direction: SortDirection\n  }>({\n    key: sort?.key ?? null,\n    direction: sort?.direction ?? 'asc',\n  })\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filterValues, setFilterValues] = useState<FilterValues>(() => {\n    if (!filters) return {}\n    const initial: FilterValues = {}\n    for (const [id, def] of Object.entries(filters)) {\n      if (def.defaultValue !== undefined) {\n        initial[id] = def.defaultValue\n      }\n    }\n    return initial\n  })\n\n  // Selection state (internal, used when uncontrolled)\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<Set<string | number>>(\n    () => new Set(selectionConfig?.defaultSelectedKeys ?? []),\n  )\n\n  // Determine if controlled or uncontrolled\n  const isControlled = selectionConfig?.selectedKeys !== undefined\n  const selectedKeysSet = useMemo(\n    () => (isControlled ? new Set(selectionConfig?.selectedKeys) : internalSelectedKeys),\n    [isControlled, selectionConfig?.selectedKeys, internalSelectedKeys],\n  )\n\n  const sortKey = sortState.key\n  const sortDirection = sortState.direction\n  const debouncedSearchTerm = useDeferredValue(searchTerm)\n\n  const pageSizeOptions = pagination?.pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS\n\n  // Step 1: Apply filters\n  const filteredByFilters = useMemo(() => {\n    if (!filters) return data\n    return data.filter((row) => {\n      for (const [id, def] of Object.entries(filters)) {\n        const value = filterValues[id]\n        if (value === undefined) continue\n        if (!def.predicate(row, value)) return false\n      }\n      return true\n    })\n  }, [data, filters, filterValues])\n\n  // Step 2: Apply search\n  const filteredData = useMemo(() => {\n    if (!search || !debouncedSearchTerm) return filteredByFilters\n    const term = debouncedSearchTerm.toLowerCase()\n    return filteredByFilters.filter((row) =>\n      search.keys.some((key) => String(row[key]).toLowerCase().includes(term)),\n    )\n  }, [filteredByFilters, debouncedSearchTerm, search])\n\n  const sortedData = useMemo(() => {\n    if (!sortKey) return filteredData\n    return [...filteredData].sort((a, b) =>\n      compareValues(a[sortKey], b[sortKey], sortDirection),\n    )\n  }, [filteredData, sortKey, sortDirection])\n\n  const totalItems = sortedData.length\n  const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1\n\n  const effectivePage = Math.min(currentPage, totalPages)\n\n  const rows = useMemo(() => {\n    if (!pagination) return sortedData\n    const start = (effectivePage - 1) * pageSize\n    return sortedData.slice(start, start + pageSize)\n  }, [sortedData, effectivePage, pageSize, pagination])\n\n  const onPageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(Math.max(1, Math.min(page, totalPages)))\n    },\n    [totalPages],\n  )\n\n  const onPageSizeChange = useCallback((size: number) => {\n    setPageSize(size)\n    setCurrentPage(1)\n  }, [])\n\n  const onSort = useCallback((key: keyof T) => {\n    setSortState((prev) => {\n      if (prev.key !== key) {\n        return { key, direction: 'asc' }\n      }\n      if (prev.direction === 'asc') {\n        return { key, direction: 'desc' }\n      }\n      return { key: null, direction: 'asc' }\n    })\n    setCurrentPage(1)\n  }, [])\n\n  const onSearchChange = useCallback((term: string) => {\n    setSearchTerm(term)\n    setCurrentPage(1)\n  }, [])\n\n  const setFilterValue = useCallback((id: string, value: unknown) => {\n    setFilterValues((prev) => ({ ...prev, [id]: value }))\n    setCurrentPage(1)\n  }, [])\n\n  const clearFilters = useCallback(() => {\n    setFilterValues({})\n    setCurrentPage(1)\n  }, [])\n\n  const activeFilterCount = useMemo(\n    () =>\n      Object.values(filterValues).filter(\n        (v) =>\n          v !== undefined &&\n          v !== null &&\n          !(Array.isArray(v) && v.length === 0) &&\n          v !== '',\n      ).length,\n    [filterValues],\n  )\n\n  // Selection: compute current page row keys\n  const currentPageRowKeys = useMemo(() => {\n    if (!selectionConfig) return []\n    return rows.map((row) => selectionConfig.rowKey(row))\n  }, [rows, selectionConfig])\n\n  // Selection: compute page selection state\n  const pageSelectionState = useMemo((): 'all' | 'some' | 'none' => {\n    if (!selectionConfig || currentPageRowKeys.length === 0) return 'none'\n    const selectedOnPage = currentPageRowKeys.filter((key) => selectedKeysSet.has(key))\n    if (selectedOnPage.length === 0) return 'none'\n    if (selectedOnPage.length === currentPageRowKeys.length) return 'all'\n    return 'some'\n  }, [selectionConfig, currentPageRowKeys, selectedKeysSet])\n\n  // Selection: helper to update selection\n  const updateSelection = useCallback(\n    (newKeys: (string | number)[]) => {\n      if (isControlled) {\n        selectionConfig?.onSelectionChange?.(newKeys)\n      } else {\n        setInternalSelectedKeys(new Set(newKeys))\n        selectionConfig?.onSelectionChange?.(newKeys)\n      }\n    },\n    [isControlled, selectionConfig],\n  )\n\n  const isSelected = useCallback(\n    (key: string | number) => selectedKeysSet.has(key),\n    [selectedKeysSet],\n  )\n\n  const toggleRow = useCallback(\n    (key: string | number) => {\n      const newKeys = new Set(selectedKeysSet)\n      if (newKeys.has(key)) {\n        newKeys.delete(key)\n      } else {\n        newKeys.add(key)\n      }\n      updateSelection(Array.from(newKeys))\n    },\n    [selectedKeysSet, updateSelection],\n  )\n\n  // Row-based convenience methods that use rowKey internally\n  const isRowSelected = useCallback(\n    (row: T) => {\n      if (!selectionConfig) return false\n      return selectedKeysSet.has(selectionConfig.rowKey(row))\n    },\n    [selectedKeysSet, selectionConfig],\n  )\n\n  const toggleRowSelection = useCallback(\n    (row: T) => {\n      if (!selectionConfig) return\n      toggleRow(selectionConfig.rowKey(row))\n    },\n    [toggleRow, selectionConfig],\n  )\n\n  const toggleAllOnPage = useCallback(() => {\n    const newKeys = new Set(selectedKeysSet)\n    if (pageSelectionState === 'all') {\n      // Deselect all on current page\n      for (const key of currentPageRowKeys) {\n        newKeys.delete(key)\n      }\n    } else {\n      // Select all on current page\n      for (const key of currentPageRowKeys) {\n        newKeys.add(key)\n      }\n    }\n    updateSelection(Array.from(newKeys))\n  }, [selectedKeysSet, pageSelectionState, currentPageRowKeys, updateSelection])\n\n  const clearSelection = useCallback(() => {\n    updateSelection([])\n  }, [updateSelection])\n\n  // Build selection state object\n  const selection: SelectionState<T> | undefined = useMemo(() => {\n    if (!selectionConfig) return undefined\n    return {\n      selectedKeys: Array.from(selectedKeysSet),\n      selectedCount: selectedKeysSet.size,\n      isSelected,\n      toggleRow,\n      isRowSelected,\n      toggleRowSelection,\n      toggleAllOnPage,\n      clearSelection,\n      pageSelectionState,\n      isIndeterminate: pageSelectionState === 'some',\n      isAllOnPageSelected: pageSelectionState === 'all',\n    }\n  }, [\n    selectionConfig,\n    selectedKeysSet,\n    isSelected,\n    toggleRow,\n    isRowSelected,\n    toggleRowSelection,\n    toggleAllOnPage,\n    clearSelection,\n    pageSelectionState,\n  ])\n\n  const columns = useMemo(() => {\n    return columnDefs.map((def: ColumnDef<T, keyof T>): ProcessedColumn<T> => {\n      const key = def.key\n      const sortable = def.sortable ?? false\n      const isSorted = sortKey === key\n\n      const renderCell = (row: T): ReactNode => {\n        const value = row[key]\n        if (def.cell) return def.cell(value, row)\n        if (def.format) return def.format(value, row)\n        return value == null ? '' : String(value)\n      }\n\n      return {\n        key,\n        head: {\n          children: def.header,\n          className: cn(def.className, def.headerClassName) || undefined,\n          style: def.width ? { width: def.width } : undefined,\n          sortable,\n          sortDirection: isSorted ? sortDirection : undefined,\n          onSort: sortable ? () => onSort(key) : undefined,\n        },\n        cell: {\n          className: cn(def.className, def.cellClassName) || undefined,\n        },\n        renderCell,\n      }\n    })\n  }, [columnDefs, sortKey, sortDirection, onSort])\n\n  return {\n    columns,\n    rows,\n    totalItems,\n    currentPage: effectivePage,\n    totalPages,\n    pageSize,\n    pageSizeOptions,\n    onPageChange,\n    onPageSizeChange,\n    sortKey,\n    sortDirection,\n    onSort,\n    searchTerm,\n    onSearchChange,\n    filterValues,\n    setFilterValue,\n    clearFilters,\n    activeFilterCount,\n    selection,\n  }\n}\n"],"mappings":"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"}

package/dist/tabs.d.ts

@@ -1,49 +1,60 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Tabs } from '@base-ui/react/tabs';
-
-export declare const TabsIndicator: {
-    ({ className, orientation, ...props }: TabsIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsIndicatorProps = React_2.ComponentProps<typeof Tabs.Indicator> & {
-    /** Orientation of the indicator (should match the tabs list orientation) */
-    orientation?: 'horizontal' | 'vertical';
-};
-
-export declare const TabsList: {
-    ({ className, orientation, ...props }: TabsListProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsListProps = React_2.ComponentProps<typeof Tabs.List> & {
-    /** Orientation of the tabs list */
-    orientation?: 'horizontal' | 'vertical';
-};
-
-export declare const TabsPanel: {
-    ({ className, ...props }: TabsPanelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsPanelProps = React_2.ComponentProps<typeof Tabs.Panel>;
-
-export declare const TabsRoot: {
-    ({ className, ...props }: TabsRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsRootProps = React_2.ComponentProps<typeof Tabs.Root>;
-
-export declare const TabsTab: {
-    ({ className, size, ...props }: TabsTabProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs.Tab> & {
-    /** Size of the tab */
-    size?: 'sm' | 'default' | 'lg';
-};
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/components/tabs.d.ts
+type TabsRootProps = React.ComponentProps<typeof Tabs.Root>;
+declare const TabsRoot: {
+  ({
+    className,
+    ...props
+  }: TabsRootProps): react_jsx_runtime120.JSX.Element;
+  displayName: string;
+};
+type TabsListProps = React.ComponentProps<typeof Tabs.List> & {
+  /** Orientation of the tabs list */
+  orientation?: 'horizontal' | 'vertical';
+};
+declare const TabsList: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: TabsListProps): react_jsx_runtime120.JSX.Element;
+  displayName: string;
+};
+type TabsTabProps = React.ComponentProps<typeof Tabs.Tab> & {
+  /** Size of the tab */
+  size?: 'sm' | 'default' | 'lg';
+};
+declare const TabsTab: {
+  ({
+    className,
+    size,
+    ...props
+  }: TabsTabProps): react_jsx_runtime120.JSX.Element;
+  displayName: string;
+};
+type TabsIndicatorProps = React.ComponentProps<typeof Tabs.Indicator> & {
+  /** Orientation of the indicator (should match the tabs list orientation) */
+  orientation?: 'horizontal' | 'vertical';
+};
+declare const TabsIndicator: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: TabsIndicatorProps): react_jsx_runtime120.JSX.Element;
+  displayName: string;
+};
+type TabsPanelProps = React.ComponentProps<typeof Tabs.Panel>;
+declare const TabsPanel: {
+  ({
+    className,
+    ...props
+  }: TabsPanelProps): react_jsx_runtime120.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TabsIndicator, type TabsIndicatorProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsRoot, type TabsRootProps, TabsTab, type TabsTabProps };
+//# 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.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,aAAA,GAAgB,KAAA,CAAM,sBAAsB,IAAA,CAAS;cAEpD;;;;KAAqC,gBAAa,oBAAA,CAAA,GAAA,CAAA;EAFnD,WAAA,EAAA,MAAa;CAAA;KA2Bb,aAAA,GAAgB,KAAA,CAAM,cA3B+B,CAAA,OA2BT,IAAA,CAAS,IA3BA,CAAA,GAAA;;EAAjB,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA;AAAA,CAAA;cAgCnC,QA5BL,EAAA;;;;;KA4BsE,gBAAa,oBAAA,CAAA,GAAA,CAAA;aA9BzC,EAAA,MAAA;;KAoEtC,YAAA,GAAe,KAAA,CAAM,cApE8B,CAAA,OAoER,IAAA,CAAS,GApED,CAAA,GAAA;EAyBnD;EAAa,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA;;cAgDZ,OAhDqB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAgDO,YAhDP,CAAA,EAgDmB,oBAAA,CAAA,GAAA,CAAA,OAhDnB;EAKnC,WAOL,EAAA,MAAA;CAAA;KA+DI,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,IAAA,CAAS;;aAtEQ,CAAA,EAAA,YAAA,GAAA,UAAA;;cA2EjE,aA3E8E,EAAA;EAsC/E,CAAA;IAAA,SAAA;IAAA,WAAY;IAAA,GAAA;EAAA,CAAA,EAyCd,kBAzCc,CAAA,EAyCI,oBAAA,CAAA,GAAA,CAAA,OAzCJ;EAAA,WAAA,EAAA,MAAA;;KAwDZ,cAAA,GAAiB,KAAA,CAAM,cAxDF,CAAA,OAwDwB,IAAA,CAAS,KAxDjC,CAAA;cA0DpB,SA1DkC,EAAA;EAKlC,CAAA;IAAA,SAEL;IAAA,GAAA;EAAA,CAAA,EAmD2C,cAnD3C,CAAA,EAmDyD,oBAAA,CAAA,GAAA,CAAA,OAnDzD;EAAA,WAAA,EAAA,MAAA"}

package/dist/tabs.js

@@ -1,85 +1,77 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Tabs as r } from "@base-ui/react/tabs";
-import { cva as s } from "class-variance-authority";
-import { c as i } from "./utils-B6yFEsav.js";
-const n = ({ className: t, ...a }) => /* @__PURE__ */ o(r.Root, { className: i("flex flex-col", t), ...a });
-n.displayName = "TabsRoot";
-const l = s(
-  ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), c = ({ className: t, orientation: a = "horizontal", ...e }) => /* @__PURE__ */ o(
-  r.List,
-  {
-    className: i(l({ orientation: a }), t),
-    ...e
-  }
-);
-c.displayName = "TabsList";
-const d = s(
-  [
-    "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
-    "rounded-md px-3 py-1.5 text-sm font-medium",
-    "transition-all duration-200",
-    "text-foreground/80",
-    "data-[active]:text-foreground",
-    "hover:text-foreground"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "px-2 py-1 text-xs",
-        default: "px-3 py-1.5 text-sm",
-        lg: "px-4 py-2 text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), m = ({ className: t, size: a, ...e }) => /* @__PURE__ */ o(r.Tab, { className: i(d({ size: a }), t), ...e });
-m.displayName = "TabsTab";
-const b = s(
-  ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]",
-        vertical: "left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), f = ({
-  className: t,
-  orientation: a = "horizontal",
-  ...e
-}) => /* @__PURE__ */ o(
-  r.Indicator,
-  {
-    className: i(b({ orientation: a }), t),
-    ...e
-  }
-);
-f.displayName = "TabsIndicator";
-const u = ({ className: t, ...a }) => /* @__PURE__ */ o(r.Panel, { className: i("mt-2 ring-offset-background", t), ...a });
-u.displayName = "TabsPanel";
-export {
-  f as TabsIndicator,
-  c as TabsList,
-  u as TabsPanel,
-  n as TabsRoot,
-  m as TabsTab
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/components/tabs.tsx
+const TabsRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		className: cn("flex flex-col w-full", className),
+		...props
+	});
 };
+TabsRoot.displayName = "TabsRoot";
+const tabsListVariants = cva(["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"], {
+	variants: { orientation: {
+		horizontal: "flex-row",
+		vertical: "flex-col"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const TabsList = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		className: cn(tabsListVariants({ orientation }), className),
+		...props
+	});
+};
+TabsList.displayName = "TabsList";
+const tabsTabVariants = cva([
+	"relative z-10 inline-flex items-center justify-center whitespace-nowrap",
+	"rounded-md px-3 py-1.5 text-sm font-medium",
+	"transition-all duration-200",
+	"text-foreground/80",
+	"data-[active]:text-foreground",
+	"hover:text-foreground"
+], {
+	variants: { size: {
+		sm: "px-2 py-1 text-xs",
+		default: "px-3 py-1.5 text-sm",
+		lg: "px-4 py-2 text-base"
+	} },
+	defaultVariants: { size: "default" }
+});
+const TabsTab = ({ className, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: cn(tabsTabVariants({ size }), className),
+		...props
+	});
+};
+TabsTab.displayName = "TabsTab";
+const tabsIndicatorVariants = cva(["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"], {
+	variants: { orientation: {
+		horizontal: "bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]",
+		vertical: "left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const TabsIndicator = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: cn(tabsIndicatorVariants({ orientation }), className),
+		...props
+	});
+};
+TabsIndicator.displayName = "TabsIndicator";
+const TabsPanel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		className: cn("mt-2 ring-offset-background", className),
+		...props
+	});
+};
+TabsPanel.displayName = "TabsPanel";
+
+//#endregion
+export { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab };
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["BaseTabs"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["'use client'\n\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// TabsRoot\n// ============================================================================\n\ntype TabsRootProps = React.ComponentProps<typeof BaseTabs.Root>\n\nconst TabsRoot = ({ className, ...props }: TabsRootProps) => {\n  return <BaseTabs.Root className={cn('flex flex-col w-full', className)} {...props} />\n}\n\nTabsRoot.displayName = 'TabsRoot'\n\n// ============================================================================\n// TabsList\n// ============================================================================\n\nconst tabsListVariants = cva(\n  ['relative inline-flex w-fit items-center gap-1', 'rounded-lg bg-muted p-1'],\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n)\n\ntype TabsListProps = React.ComponentProps<typeof BaseTabs.List> & {\n  /** Orientation of the tabs list */\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst TabsList = ({ className, orientation = 'horizontal', ...props }: TabsListProps) => {\n  return (\n    <BaseTabs.List\n      className={cn(tabsListVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nTabsList.displayName = 'TabsList'\n\n// ============================================================================\n// TabsTab\n// ============================================================================\n\nconst tabsTabVariants = cva(\n  [\n    'relative z-10 inline-flex items-center justify-center whitespace-nowrap',\n    'rounded-md px-3 py-1.5 text-sm font-medium',\n    'transition-all duration-200',\n    'text-foreground/80',\n    'data-[active]:text-foreground',\n    'hover:text-foreground',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1 text-xs',\n        default: 'px-3 py-1.5 text-sm',\n        lg: 'px-4 py-2 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n)\n\ntype TabsTabProps = React.ComponentProps<typeof BaseTabs.Tab> & {\n  /** Size of the tab */\n  size?: 'sm' | 'default' | 'lg'\n}\n\nconst TabsTab = ({ className, size, ...props }: TabsTabProps) => {\n  return <BaseTabs.Tab className={cn(tabsTabVariants({ size }), className)} {...props} />\n}\n\nTabsTab.displayName = 'TabsTab'\n\n// ============================================================================\n// TabsIndicator\n// ============================================================================\n\nconst tabsIndicatorVariants = cva(\n  ['absolute rounded-md bg-background shadow-sm', 'transition-all duration-200 ease-out'],\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          'bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]',\n        vertical:\n          'left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n)\n\ntype TabsIndicatorProps = React.ComponentProps<typeof BaseTabs.Indicator> & {\n  /** Orientation of the indicator (should match the tabs list orientation) */\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst TabsIndicator = ({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: TabsIndicatorProps) => {\n  return (\n    <BaseTabs.Indicator\n      className={cn(tabsIndicatorVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nTabsIndicator.displayName = 'TabsIndicator'\n\n// ============================================================================\n// TabsPanel\n// ============================================================================\n\ntype TabsPanelProps = React.ComponentProps<typeof BaseTabs.Panel>\n\nconst TabsPanel = ({ className, ...props }: TabsPanelProps) => {\n  return (\n    <BaseTabs.Panel className={cn('mt-2 ring-offset-background', className)} {...props} />\n  )\n}\n\nTabsPanel.displayName = 'TabsPanel'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel }\n\nexport type {\n  TabsRootProps,\n  TabsListProps,\n  TabsTabProps,\n  TabsIndicatorProps,\n  TabsPanelProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QAAO,oBAACA,KAAS;EAAK,WAAW,GAAG,wBAAwB,UAAU;EAAE,GAAI;GAAS;;AAGvF,SAAS,cAAc;AAMvB,MAAM,mBAAmB,IACvB,CAAC,iDAAiD,0BAA0B,EAC5E;CACE,UAAU,EACR,aAAa;EACX,YAAY;EACZ,UAAU;EACX,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;AAOD,MAAM,YAAY,EAAE,WAAW,cAAc,cAAc,GAAG,YAA2B;AACvF,QACE,oBAACA,KAAS;EACR,WAAW,GAAG,iBAAiB,EAAE,aAAa,CAAC,EAAE,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,cAAc;AAMvB,MAAM,kBAAkB,IACtB;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,WACP;CACF,CACF;AAOD,MAAM,WAAW,EAAE,WAAW,MAAM,GAAG,YAA0B;AAC/D,QAAO,oBAACA,KAAS;EAAI,WAAW,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS;;AAGzF,QAAQ,cAAc;AAMtB,MAAM,wBAAwB,IAC5B,CAAC,+CAA+C,uCAAuC,EACvF;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;AAOD,MAAM,iBAAiB,EACrB,WACA,cAAc,cACd,GAAG,YACqB;AACxB,QACE,oBAACA,KAAS;EACR,WAAW,GAAG,sBAAsB,EAAE,aAAa,CAAC,EAAE,UAAU;EAChE,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAACA,KAAS;EAAM,WAAW,GAAG,+BAA+B,UAAU;EAAE,GAAI;GAAS;;AAI1F,UAAU,cAAc"}

package/dist/textarea.d.ts

@@ -1,11 +1,15 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const Textarea: {
-    ({ className, ...props }: TextareaProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TextareaProps = React_2.ComponentProps<'textarea'>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
+
+//#region src/components/textarea.d.ts
+type TextareaProps = React.ComponentProps<'textarea'>;
+declare const Textarea: {
+  ({
+    className,
+    ...props
+  }: TextareaProps): react_jsx_runtime125.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Textarea, type TextareaProps };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../src/components/textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAOK,aAAA,GAAgB,KAAA,CAAM;cAErB;;;;KAAqC,gBAAa,oBAAA,CAAA,GAAA,CAAA;EAFnD,WAAA,EAAA,MAAa;AAAuB,CAAA"}

package/dist/textarea.js

@@ -1,15 +1,19 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { i as r } from "./form-variants-LJ8gIbk0.js";
-import { c as s } from "./utils-B6yFEsav.js";
-const m = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  "textarea",
-  {
-    className: s(r, "h-auto min-h-20 py-2", a),
-    ...e
-  }
-);
-m.displayName = "Textarea";
-export {
-  m as Textarea
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { inputBaseStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/textarea.tsx
+const Textarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn(inputBaseStyles, "h-auto min-h-20 py-2", className),
+		...props
+	});
 };
+Textarea.displayName = "Textarea";
+
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../src/components/textarea.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { inputBaseStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\ntype TextareaProps = React.ComponentProps<'textarea'>\n\nconst Textarea = ({ className, ...props }: TextareaProps) => {\n  return (\n    <textarea\n      className={cn(inputBaseStyles, 'h-auto min-h-20 py-2', className)}\n      {...props}\n    />\n  )\n}\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n\nexport type { TextareaProps }\n"],"mappings":";;;;;;;;AASA,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QACE,oBAAC;EACC,WAAW,GAAG,iBAAiB,wBAAwB,UAAU;EACjE,GAAI;GACJ;;AAIN,SAAS,cAAc"}