@lglab/compose-ui 0.29.0 → 0.30.0

package/dist/combobox.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
-import * as react_jsx_runtime229 from "react/jsx-runtime";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
 import { Combobox as BaseCombobox, ComboboxRootProps as ComboboxRootProps$1 } from "@base-ui/react/combobox";
 import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/combobox.d.ts
-declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>(props: ComboboxRootProps$1<Value, Multiple>): react_jsx_runtime229.JSX.Element;
+declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>(props: ComboboxRootProps$1<Value, Multiple>): react_jsx_runtime221.JSX.Element;
 declare namespace ComboboxRoot {
   var displayName: string;
 }
 type ComboboxRootProps<Value, Multiple extends boolean | undefined = false> = ComboboxRootProps$1<Value, Multiple>;
 type ComboboxValueProps = React.ComponentProps<typeof BaseCombobox.Value>;
 declare const ComboboxValue: {
-  (props: ComboboxValueProps): react_jsx_runtime229.JSX.Element;
+  (props: ComboboxValueProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxIconProps = React.ComponentProps<typeof BaseCombobox.Icon>;
@@ -19,7 +19,7 @@ declare const ComboboxIcon: {
   ({
     className,
     ...props
-  }: ComboboxIconProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxIconProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxInputProps = React.ComponentProps<typeof BaseCombobox.Input>;
@@ -27,7 +27,7 @@ declare const ComboboxInput: {
   ({
     className,
     ...props
-  }: ComboboxInputProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxInputProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxControlProps = React.ComponentProps<'div'>;
@@ -35,7 +35,7 @@ declare const ComboboxControl: {
   ({
     className,
     ...props
-  }: ComboboxControlProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxControlProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxClearProps = React.ComponentProps<typeof BaseCombobox.Clear>;
@@ -43,7 +43,7 @@ declare const ComboboxClear: {
   ({
     className,
     ...props
-  }: ComboboxClearProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxClearProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxTriggerProps = React.ComponentProps<typeof BaseCombobox.Trigger>;
@@ -51,7 +51,7 @@ declare const ComboboxTrigger: {
   ({
     className,
     ...props
-  }: ComboboxTriggerProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxTriggerProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxBackdropProps = React.ComponentProps<typeof BaseCombobox.Backdrop>;
@@ -59,12 +59,12 @@ declare const ComboboxBackdrop: {
   ({
     className,
     ...props
-  }: ComboboxBackdropProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxBackdropProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxPortalProps = React.ComponentProps<typeof BaseCombobox.Portal>;
 declare const ComboboxPortal: {
-  (props: ComboboxPortalProps): react_jsx_runtime229.JSX.Element;
+  (props: ComboboxPortalProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxPositionerProps = React.ComponentProps<typeof BaseCombobox.Positioner>;
@@ -72,7 +72,7 @@ declare const ComboboxPositioner: {
   ({
     className,
     ...props
-  }: ComboboxPositionerProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxPositionerProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxPopupProps = React.ComponentProps<typeof BaseCombobox.Popup>;
@@ -80,7 +80,7 @@ declare const ComboboxPopup: {
   ({
     className,
     ...props
-  }: ComboboxPopupProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxPopupProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxListProps = React.ComponentProps<typeof BaseCombobox.List>;
@@ -88,7 +88,7 @@ declare const ComboboxList: {
   ({
     className,
     ...props
-  }: ComboboxListProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxListProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxEmptyProps = React.ComponentProps<typeof BaseCombobox.Empty>;
@@ -96,7 +96,7 @@ declare const ComboboxEmpty: {
   ({
     className,
     ...props
-  }: ComboboxEmptyProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxEmptyProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxItemProps = React.ComponentProps<typeof BaseCombobox.Item>;
@@ -104,7 +104,7 @@ declare const ComboboxItem: {
   ({
     className,
     ...props
-  }: ComboboxItemProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxItemProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxItemTextProps = React.ComponentProps<'span'>;
@@ -112,7 +112,7 @@ declare const ComboboxItemText: {
   ({
     className,
     ...props
-  }: ComboboxItemTextProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxItemTextProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxItemIndicatorProps = React.ComponentProps<typeof BaseCombobox.ItemIndicator>;
@@ -120,7 +120,7 @@ declare const ComboboxItemIndicator: {
   ({
     className,
     ...props
-  }: ComboboxItemIndicatorProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxItemIndicatorProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxGroupProps = React.ComponentProps<typeof BaseCombobox.Group>;
@@ -128,7 +128,7 @@ declare const ComboboxGroup: {
   ({
     className,
     ...props
-  }: ComboboxGroupProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxGroupProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxGroupLabelProps = React.ComponentProps<typeof BaseCombobox.GroupLabel>;
@@ -136,12 +136,12 @@ declare const ComboboxGroupLabel: {
   ({
     className,
     ...props
-  }: ComboboxGroupLabelProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxGroupLabelProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxCollectionProps = React.ComponentProps<typeof BaseCombobox.Collection>;
 declare const ComboboxCollection: {
-  (props: ComboboxCollectionProps): react_jsx_runtime229.JSX.Element;
+  (props: ComboboxCollectionProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxSeparatorProps = React.ComponentProps<typeof BaseCombobox.Separator>;
@@ -149,7 +149,7 @@ declare const ComboboxSeparator: {
   ({
     className,
     ...props
-  }: ComboboxSeparatorProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxSeparatorProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxStatusProps = React.ComponentProps<typeof BaseCombobox.Status>;
@@ -157,7 +157,7 @@ declare const ComboboxStatus: {
   ({
     className,
     ...props
-  }: ComboboxStatusProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxStatusProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxChipsProps = React.ComponentProps<typeof BaseCombobox.Chips>;
@@ -167,7 +167,7 @@ declare const ComboboxChip: {
   ({
     className,
     ...props
-  }: ComboboxChipProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxChipProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxChipRemoveProps = React.ComponentProps<typeof BaseCombobox.ChipRemove>;
@@ -175,7 +175,7 @@ declare const ComboboxChipRemove: {
   ({
     className,
     ...props
-  }: ComboboxChipRemoveProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxChipRemoveProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 type ComboboxArrowProps = React.ComponentProps<typeof BaseCombobox.Arrow>;
@@ -183,7 +183,7 @@ declare const ComboboxArrow: {
   ({
     className,
     ...props
-  }: ComboboxArrowProps): react_jsx_runtime229.JSX.Element;
+  }: ComboboxArrowProps): react_jsx_runtime221.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/table/filters.d.ts

@@ -0,0 +1,29 @@
+import { FilterPredicate } from "./types.js";
+
+//#region src/components/table/filters.d.ts
+
+/**
+ * Multi-select filter: row value is included in selected array.
+ * Returns true if no values are selected (empty array or undefined).
+ */
+declare function includesFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K][]>;
+/**
+ * Range filter: numeric row value is within [min, max] bounds.
+ * Returns true if range is undefined.
+ */
+declare function rangeFilter<T, K extends keyof T>(key: K): FilterPredicate<T, [number, number]>;
+/**
+ * Contains filter: string row value contains search term (case-insensitive).
+ * Returns true if search term is empty or undefined.
+ */
+declare function containsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, string>;
+/**
+ * Equals filter: row value strictly equals filter value.
+ * Returns true if filter value is undefined.
+ */
+declare function equalsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K]>;
+//# sourceMappingURL=filters.d.ts.map
+
+//#endregion
+export { containsFilter, equalsFilter, includesFilter, rangeFilter };
+//# sourceMappingURL=filters.d.ts.map

package/dist/components/table/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","names":[],"sources":["../../../src/components/table/filters.ts"],"sourcesContent":[],"mappings":";;;;;;AAMA;;AAAkD,iBAAlC,cAAkC,CAAA,CAAA,EAAA,UAAA,MAAA,CAAA,CAAA,CAAA,GAAA,EAAQ,CAAR,CAAA,EAAY,eAAZ,CAA4B,CAA5B,EAA+B,CAA/B,CAAiC,CAAjC,CAAA,EAAA,CAAA;;;;;AAAY,iBAW9C,WAX8C,CAAA,CAAA,EAAA,UAAA,MAWf,CAXe,CAAA,CAAA,GAAA,EAYvD,CAZuD,CAAA,EAa3D,eAb2D,CAa3C,CAb2C,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,CAAA;;AAW9D;;;AACO,iBAcS,cAdT,CAAA,CAAA,EAAA,UAAA,MAc2C,CAd3C,CAAA,CAAA,GAAA,EAcmD,CAdnD,CAAA,EAcuD,eAdvD,CAcuE,CAdvE,EAAA,MAAA,CAAA;;;;AAcP;AAA8B,iBAWd,YAXc,CAAA,CAAA,EAAA,UAAA,MAWkB,CAXlB,CAAA,CAAA,GAAA,EAW0B,CAX1B,CAAA,EAW8B,eAX9B,CAW8C,CAX9C,EAWiD,CAXjD,CAWmD,CAXnD,CAAA,CAAA"}

package/dist/components/table/filters.js

@@ -0,0 +1,47 @@
+//#region src/components/table/filters.ts
+/**
+* Multi-select filter: row value is included in selected array.
+* Returns true if no values are selected (empty array or undefined).
+*/
+function includesFilter(key) {
+	return (row, value) => {
+		if (!value || value.length === 0) return true;
+		return value.includes(row[key]);
+	};
+}
+/**
+* Range filter: numeric row value is within [min, max] bounds.
+* Returns true if range is undefined.
+*/
+function rangeFilter(key) {
+	return (row, value) => {
+		if (!value) return true;
+		const [min, max] = value;
+		const rowValue = row[key];
+		return rowValue >= min && rowValue <= max;
+	};
+}
+/**
+* Contains filter: string row value contains search term (case-insensitive).
+* Returns true if search term is empty or undefined.
+*/
+function containsFilter(key) {
+	return (row, value) => {
+		if (!value) return true;
+		return String(row[key]).toLowerCase().includes(value.toLowerCase());
+	};
+}
+/**
+* Equals filter: row value strictly equals filter value.
+* Returns true if filter value is undefined.
+*/
+function equalsFilter(key) {
+	return (row, value) => {
+		if (value === void 0) return true;
+		return row[key] === value;
+	};
+}
+
+//#endregion
+export { containsFilter, equalsFilter, includesFilter, rangeFilter };
+//# sourceMappingURL=filters.js.map

package/dist/components/table/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","names":[],"sources":["../../../src/components/table/filters.ts"],"sourcesContent":["import type { FilterPredicate } from './types'\n\n/**\n * Multi-select filter: row value is included in selected array.\n * Returns true if no values are selected (empty array or undefined).\n */\nexport function includesFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K][]> {\n  return (row: T, value: T[K][]) => {\n    if (!value || value.length === 0) return true\n    return value.includes(row[key])\n  }\n}\n\n/**\n * Range filter: numeric row value is within [min, max] bounds.\n * Returns true if range is undefined.\n */\nexport function rangeFilter<T, K extends keyof T>(\n  key: K,\n): FilterPredicate<T, [number, number]> {\n  return (row: T, value: [number, number]) => {\n    if (!value) return true\n    const [min, max] = value\n    const rowValue = row[key] as number\n    return rowValue >= min && rowValue <= max\n  }\n}\n\n/**\n * Contains filter: string row value contains search term (case-insensitive).\n * Returns true if search term is empty or undefined.\n */\nexport function containsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, string> {\n  return (row: T, value: string) => {\n    if (!value) return true\n    return String(row[key]).toLowerCase().includes(value.toLowerCase())\n  }\n}\n\n/**\n * Equals filter: row value strictly equals filter value.\n * Returns true if filter value is undefined.\n */\nexport function equalsFilter<T, K extends keyof T>(key: K): FilterPredicate<T, T[K]> {\n  return (row: T, value: T[K]) => {\n    if (value === undefined) return true\n    return row[key] === value\n  }\n}\n"],"mappings":";;;;;AAMA,SAAgB,eAAqC,KAAoC;AACvF,SAAQ,KAAQ,UAAkB;AAChC,MAAI,CAAC,SAAS,MAAM,WAAW,EAAG,QAAO;AACzC,SAAO,MAAM,SAAS,IAAI,KAAK;;;;;;;AAQnC,SAAgB,YACd,KACsC;AACtC,SAAQ,KAAQ,UAA4B;AAC1C,MAAI,CAAC,MAAO,QAAO;EACnB,MAAM,CAAC,KAAK,OAAO;EACnB,MAAM,WAAW,IAAI;AACrB,SAAO,YAAY,OAAO,YAAY;;;;;;;AAQ1C,SAAgB,eAAqC,KAAoC;AACvF,SAAQ,KAAQ,UAAkB;AAChC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,SAAS,MAAM,aAAa,CAAC;;;;;;;AAQvE,SAAgB,aAAmC,KAAkC;AACnF,SAAQ,KAAQ,UAAgB;AAC9B,MAAI,UAAU,OAAW,QAAO;AAChC,SAAO,IAAI,SAAS"}

package/dist/components/table/primitives.d.ts

@@ -0,0 +1,93 @@
+import { SortDirection } from "./types.js";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime285 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+
+//#region src/components/table/primitives.d.ts
+declare const tableVariants: (props?: ({
+  variant?: "default" | "striped" | "bordered" | null | undefined;
+  size?: "default" | "compact" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+type TableVariant = VariantProps<typeof tableVariants>['variant'];
+type TableSize = VariantProps<typeof tableVariants>['size'];
+type TableRootProps = React.ComponentProps<'table'> & VariantProps<typeof tableVariants>;
+declare const TableRoot: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: TableRootProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableHeaderProps = React.ComponentProps<'thead'>;
+declare const TableHeader: {
+  ({
+    className,
+    ...props
+  }: TableHeaderProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableBodyProps = React.ComponentProps<'tbody'>;
+declare const TableBody: {
+  ({
+    className,
+    ...props
+  }: TableBodyProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableFooterProps = React.ComponentProps<'tfoot'>;
+declare const TableFooter: {
+  ({
+    className,
+    ...props
+  }: TableFooterProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableRowProps = React.ComponentProps<'tr'>;
+declare const TableRow: {
+  ({
+    className,
+    ...props
+  }: TableRowProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableHeadProps = React.ComponentProps<'th'> & {
+  sortable?: boolean;
+  sortDirection?: SortDirection;
+  onSort?: () => void;
+};
+declare const TableHead: {
+  ({
+    className,
+    sortable,
+    sortDirection,
+    onSort,
+    children,
+    ...props
+  }: TableHeadProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableCellProps = React.ComponentProps<'td'>;
+declare const TableCell: {
+  ({
+    className,
+    ...props
+  }: TableCellProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+type TableCaptionProps = React.ComponentProps<'caption'> & {
+  position?: 'top' | 'bottom';
+};
+declare const TableCaption: {
+  ({
+    className,
+    position,
+    ...props
+  }: TableCaptionProps): react_jsx_runtime285.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSize, TableVariant };
+//# sourceMappingURL=primitives.d.ts.map

package/dist/components/table/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","names":[],"sources":["../../../src/components/table/primitives.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAYM;;;IAcJ,+BAAA,CAAA;AAdI,KAgBM,YAAA,GAAe,YAFzB,CAAA,OAE6C,aAF7C,CAAA,CAAA,SAAA,CAAA;AAEU,KACA,SAAA,GAAY,YADA,CAAA,OACoB,aADpB,CAAA,CAAA,MAAA,CAAA;KAOnB,cAAA,GAAiB,KAAA,CAAM,cAPJ,CAAA,OAAA,CAAA,GAO8B,YAP9B,CAAA,OAOkD,aAPlD,CAAA;cASlB,SATyC,EAAA;;IAApB,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EASgC,cAThC,CAAA,EAS8C,oBAAA,CAAA,GAAA,CAAA,OAT9C;EAAY,WAAA,EAAA,MAAA;AACvC,CAAA;KAsBK,gBAAA,GAAmB,KAAA,CAAM,cAtBT,CAAA,OAAA,CAAA;cAwBf,WAxBsC,EAAA;;IAApB,SAAA;IAAA,GAAA;EAAA,CAAA,EAwBsB,gBAxBtB,CAAA,EAwBsC,oBAAA,CAAA,GAAA,CAAA,OAxBtC;EAAY,WAAA,EAAA,MAAA;AAA8B,CAAA;KAkC7D,cAAA,GAAiB,KAAA,CAAM,cA5BT,CAAA,OAAA,CAAA;cA8Bb,SA9BsB,EAAA;;IAA8C,SAAA;IAAA,GAAA;EAAA,CAAA,EA8B9B,cA9B8B,CAAA,EA8BhB,oBAAA,CAAA,GAAA,CAAA,OA9BgB;aAApB,EAAA,MAAA;CAAY;AAAA,KAwC7D,gBAAA,GAAmB,KAAA,CAAM,cAhC7B,CAAA,OAAA,CAAA;cAkCK,WAlCL,EAAA;;;;KAkC6C,mBAAgB,oBAAA,CAAA,GAAA,CAAA;;;KAezD,aAAA,GAAgB,KAAA,CAAM,cAvDgC,CAAA,IAAA,CAAA;cAyDrD,QAzDmE,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAyD9B,aAzD8B,CAAA,EAyDjB,oBAAA,CAAA,GAAA,CAAA,OAzDiB;EAcpE,WAAA,EAAA,MAAgB;AAAuB,CAAA;KA+DvC,cAAA,GAAiB,KAAA,CAAM,cA3D3B,CAAA,IAAA,CAAA,GAAA;;eAF6C,CAAA,EA+D5B,aA/D4B;QAAgB,CAAA,EAAA,GAAA,GAAA,IAAA;CAAA;AAAA,cAgGxD,SAtFa,EAAA;EAEb,CAAA;IAAA,SAEL;IAAA,QAAA;IAAA,aAAA;IAAA,MAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAyFE,cAzFF,CAAA,EAyFgB,oBAAA,CAAA,GAAA,CAAA,OAzFhB;EAAA,WAAA,EAAA,MAAA;;KAmII,cAAA,GAAiB,KAAA,CAAM,cArIgB,CAAA,IAAA,CAAA;cAuItC,SAvIoD,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAuId,cAvIc,CAAA,EAuIA,oBAAA,CAAA,GAAA,CAAA,OAvIA;EAUrD,WAAA,EAAA,MAAgB;AAAuB,CAAA;KA+IvC,iBAAA,GAAoB,KAAA,CAAM,cAtI9B,CAAA,SAAA,CAAA,GAAA;;;cA0IK,YAjJwD,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAqJ3D,iBArJ2D,CAAA,EAqJ1C,oBAAA,CAAA,GAAA,CAAA,OArJ0C;EAezD,WAAA,EAAA,MAAa;AAAuB,CAAA"}

package/dist/components/table/primitives.js

@@ -0,0 +1,129 @@
+'use client';
+
+import { cn } from "../../lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/table/primitives.tsx
+const tableVariants = cva("w-full caption-bottom text-sm", {
+	variants: {
+		variant: {
+			default: "",
+			striped: "[&_tbody_tr:nth-child(even)]:bg-muted/50",
+			bordered: "[&_th:not(:last-child)]:border-r [&_td:not(:last-child)]:border-r [&_th]:border-border [&_td]:border-border"
+		},
+		size: {
+			default: "",
+			compact: "[&_th]:h-8 [&_th]:px-2 [&_td]:p-2.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const TableRoot = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			className: cn(tableVariants({
+				variant,
+				size
+			}), className),
+			...props
+		})
+	});
+};
+TableRoot.displayName = "TableRoot";
+const TableHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("thead", {
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+};
+TableHeader.displayName = "TableHeader";
+const TableBody = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tbody", {
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+};
+TableBody.displayName = "TableBody";
+const TableFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tfoot", {
+		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+};
+TableFooter.displayName = "TableFooter";
+const TableRow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tr", {
+		className: cn("border-b transition-colors hover:bg-muted/50", className),
+		...props
+	});
+};
+TableRow.displayName = "TableRow";
+const ariaSortValues = {
+	asc: "ascending",
+	desc: "descending"
+};
+const SortIcon = ({ direction }) => {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: "ml-1 inline-block",
+		"aria-hidden": "true",
+		children: direction === "asc" ? /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }) : direction === "desc" ? /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }), /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })] })
+	});
+};
+const TableHead = ({ className, sortable, sortDirection, onSort, children, ...props }) => {
+	const isInteractive = sortable && onSort;
+	const handleClick = () => {
+		if (isInteractive) onSort();
+	};
+	const handleKeyDown = (e) => {
+		if (isInteractive && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			onSort();
+		}
+	};
+	return /* @__PURE__ */ jsx("th", {
+		className: cn("h-10 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]", isInteractive && "cursor-pointer select-none hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", className),
+		tabIndex: isInteractive ? 0 : void 0,
+		"aria-sort": sortDirection ? ariaSortValues[sortDirection] : void 0,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		...props,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-center",
+			children: [children, sortable && /* @__PURE__ */ jsx(SortIcon, { direction: sortDirection })]
+		})
+	});
+};
+TableHead.displayName = "TableHead";
+const TableCell = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("td", {
+		className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+};
+TableCell.displayName = "TableCell";
+const TableCaption = ({ className, position = "bottom", ...props }) => {
+	return /* @__PURE__ */ jsx("caption", {
+		className: cn("mt-4 text-sm text-muted-foreground", position === "top" && "caption-top mb-4 mt-0", className),
+		...props
+	});
+};
+TableCaption.displayName = "TableCaption";
+
+//#endregion
+export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow };
+//# sourceMappingURL=primitives.js.map

package/dist/components/table/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","names":[],"sources":["../../../src/components/table/primitives.tsx"],"sourcesContent":["'use client'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../../lib/utils'\nimport type { SortDirection } from './types'\n\n// ============================================================================\n// Table Variants\n// ============================================================================\n\nconst tableVariants = cva('w-full caption-bottom text-sm', {\n  variants: {\n    variant: {\n      default: '',\n      striped: '[&_tbody_tr:nth-child(even)]:bg-muted/50',\n      bordered:\n        '[&_th:not(:last-child)]:border-r [&_td:not(:last-child)]:border-r [&_th]:border-border [&_td]:border-border',\n    },\n    size: {\n      default: '',\n      compact: '[&_th]:h-8 [&_th]:px-2 [&_td]:p-2.5',\n    },\n  },\n  defaultVariants: { variant: 'default', size: 'default' },\n})\n\nexport type TableVariant = VariantProps<typeof tableVariants>['variant']\nexport type TableSize = VariantProps<typeof tableVariants>['size']\n\n// ============================================================================\n// TableRoot\n// ============================================================================\n\ntype TableRootProps = React.ComponentProps<'table'> & VariantProps<typeof tableVariants>\n\nconst TableRoot = ({ className, variant, size, ...props }: TableRootProps) => {\n  return (\n    <div className='relative w-full overflow-x-auto'>\n      <table className={cn(tableVariants({ variant, size }), className)} {...props} />\n    </div>\n  )\n}\n\nTableRoot.displayName = 'TableRoot'\n\n// ============================================================================\n// TableHeader\n// ============================================================================\n\ntype TableHeaderProps = React.ComponentProps<'thead'>\n\nconst TableHeader = ({ className, ...props }: TableHeaderProps) => {\n  return <thead className={cn('[&_tr]:border-b', className)} {...props} />\n}\n\nTableHeader.displayName = 'TableHeader'\n\n// ============================================================================\n// TableBody\n// ============================================================================\n\ntype TableBodyProps = React.ComponentProps<'tbody'>\n\nconst TableBody = ({ className, ...props }: TableBodyProps) => {\n  return <tbody className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n}\n\nTableBody.displayName = 'TableBody'\n\n// ============================================================================\n// TableFooter\n// ============================================================================\n\ntype TableFooterProps = React.ComponentProps<'tfoot'>\n\nconst TableFooter = ({ className, ...props }: TableFooterProps) => {\n  return (\n    <tfoot\n      className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n      {...props}\n    />\n  )\n}\n\nTableFooter.displayName = 'TableFooter'\n\n// ============================================================================\n// TableRow\n// ============================================================================\n\ntype TableRowProps = React.ComponentProps<'tr'>\n\nconst TableRow = ({ className, ...props }: TableRowProps) => {\n  return (\n    <tr\n      className={cn('border-b transition-colors hover:bg-muted/50', className)}\n      {...props}\n    />\n  )\n}\n\nTableRow.displayName = 'TableRow'\n\n// ============================================================================\n// TableHead\n// ============================================================================\n\nconst ariaSortValues: Record<SortDirection, 'ascending' | 'descending'> = {\n  asc: 'ascending',\n  desc: 'descending',\n}\n\ntype TableHeadProps = React.ComponentProps<'th'> & {\n  sortable?: boolean\n  sortDirection?: SortDirection\n  onSort?: () => void\n}\n\nconst SortIcon = ({ direction }: { direction?: SortDirection }) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      width='16'\n      height='16'\n      viewBox='0 0 24 24'\n      fill='none'\n      stroke='currentColor'\n      strokeWidth='2'\n      strokeLinecap='round'\n      strokeLinejoin='round'\n      className='ml-1 inline-block'\n      aria-hidden='true'\n    >\n      {direction === 'asc' ? (\n        <path d='m18 15-6-6-6 6' />\n      ) : direction === 'desc' ? (\n        <path d='m6 9 6 6 6-6' />\n      ) : (\n        <>\n          <path d='m7 15 5 5 5-5' />\n          <path d='m7 9 5-5 5 5' />\n        </>\n      )}\n    </svg>\n  )\n}\n\nconst TableHead = ({\n  className,\n  sortable,\n  sortDirection,\n  onSort,\n  children,\n  ...props\n}: TableHeadProps) => {\n  const isInteractive = sortable && onSort\n\n  const handleClick = () => {\n    if (isInteractive) onSort()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTableCellElement>) => {\n    if (isInteractive && (e.key === 'Enter' || e.key === ' ')) {\n      e.preventDefault()\n      onSort()\n    }\n  }\n\n  return (\n    <th\n      className={cn(\n        'h-10 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]',\n        isInteractive &&\n          'cursor-pointer select-none hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n        className,\n      )}\n      tabIndex={isInteractive ? 0 : undefined}\n      aria-sort={sortDirection ? ariaSortValues[sortDirection] : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className='inline-flex items-center'>\n        {children}\n        {sortable && <SortIcon direction={sortDirection} />}\n      </span>\n    </th>\n  )\n}\n\nTableHead.displayName = 'TableHead'\n\n// ============================================================================\n// TableCell\n// ============================================================================\n\ntype TableCellProps = React.ComponentProps<'td'>\n\nconst TableCell = ({ className, ...props }: TableCellProps) => {\n  return (\n    <td\n      className={cn(\n        'p-4 align-middle [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nTableCell.displayName = 'TableCell'\n\n// ============================================================================\n// TableCaption\n// ============================================================================\n\ntype TableCaptionProps = React.ComponentProps<'caption'> & {\n  position?: 'top' | 'bottom'\n}\n\nconst TableCaption = ({\n  className,\n  position = 'bottom',\n  ...props\n}: TableCaptionProps) => {\n  return (\n    <caption\n      className={cn(\n        'mt-4 text-sm text-muted-foreground',\n        position === 'top' && 'caption-top mb-4 mt-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nTableCaption.displayName = 'TableCaption'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  TableRoot,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n}\n\nexport type {\n  TableRootProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableHeadProps,\n  TableCellProps,\n  TableCaptionProps,\n}\n"],"mappings":";;;;;;;;AAYA,MAAM,gBAAgB,IAAI,iCAAiC;CACzD,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,UACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACV;EACF;CACD,iBAAiB;EAAE,SAAS;EAAW,MAAM;EAAW;CACzD,CAAC;AAWF,MAAM,aAAa,EAAE,WAAW,SAAS,MAAM,GAAG,YAA4B;AAC5E,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAM,WAAW,GAAG,cAAc;IAAE;IAAS;IAAM,CAAC,EAAE,UAAU;GAAE,GAAI;IAAS;GAC5E;;AAIV,UAAU,cAAc;AAQxB,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAM,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;GAAS;;AAG1E,YAAY,cAAc;AAQ1B,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QAAO,oBAAC;EAAM,WAAW,GAAG,8BAA8B,UAAU;EAAE,GAAI;GAAS;;AAGrF,UAAU,cAAc;AAQxB,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAAC;EACC,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QACE,oBAAC;EACC,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;AAIN,SAAS,cAAc;AAMvB,MAAM,iBAAoE;CACxE,KAAK;CACL,MAAM;CACP;AAQD,MAAM,YAAY,EAAE,gBAA+C;AACjE,QACE,oBAAC;EACC,OAAM;EACN,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,WAAU;EACV,eAAY;YAEX,cAAc,QACb,oBAAC,UAAK,GAAE,mBAAmB,GACzB,cAAc,SAChB,oBAAC,UAAK,GAAE,iBAAiB,GAEzB,4CACE,oBAAC,UAAK,GAAE,kBAAkB,EAC1B,oBAAC,UAAK,GAAE,iBAAiB,IACxB;GAED;;AAIV,MAAM,aAAa,EACjB,WACA,UACA,eACA,QACA,UACA,GAAG,YACiB;CACpB,MAAM,gBAAgB,YAAY;CAElC,MAAM,oBAAoB;AACxB,MAAI,cAAe,SAAQ;;CAG7B,MAAM,iBAAiB,MAAiD;AACtE,MAAI,kBAAkB,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACzD,KAAE,gBAAgB;AAClB,WAAQ;;;AAIZ,QACE,oBAAC;EACC,WAAW,GACT,oHACA,iBACE,iJACF,UACD;EACD,UAAU,gBAAgB,IAAI;EAC9B,aAAW,gBAAgB,eAAe,iBAAiB;EAC3D,SAAS;EACT,WAAW;EACX,GAAI;YAEJ,qBAAC;GAAK,WAAU;cACb,UACA,YAAY,oBAAC,YAAS,WAAW,gBAAiB;IAC9C;GACJ;;AAIT,UAAU,cAAc;AAQxB,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAAC;EACC,WAAW,GACT,wFACA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;AAUxB,MAAM,gBAAgB,EACpB,WACA,WAAW,UACX,GAAG,YACoB;AACvB,QACE,oBAAC;EACC,WAAW,GACT,sCACA,aAAa,SAAS,yBACtB,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc"}

package/dist/components/table/sort.js

@@ -0,0 +1,17 @@
+//#region src/components/table/sort.ts
+function compareValues(a, b, direction) {
+	if (a == null && b == null) return 0;
+	if (a == null) return 1;
+	if (b == null) return -1;
+	const multiplier = direction === "asc" ? 1 : -1;
+	if (typeof a === "number" && typeof b === "number") return (a - b) * multiplier;
+	if (typeof a === "boolean" && typeof b === "boolean") return (Number(a) - Number(b)) * multiplier;
+	if (a instanceof Date && b instanceof Date) return (a.getTime() - b.getTime()) * multiplier;
+	const strA = String(a).toLowerCase();
+	const strB = String(b).toLowerCase();
+	return strA.localeCompare(strB) * multiplier;
+}
+
+//#endregion
+export { compareValues };
+//# sourceMappingURL=sort.js.map

package/dist/components/table/sort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.js","names":[],"sources":["../../../src/components/table/sort.ts"],"sourcesContent":["import type { SortDirection } from './types'\n\nexport function compareValues(a: unknown, b: unknown, direction: SortDirection): number {\n  // Nulls always sort to end regardless of direction\n  if (a == null && b == null) return 0\n  if (a == null) return 1\n  if (b == null) return -1\n\n  const multiplier = direction === 'asc' ? 1 : -1\n\n  // Number comparison\n  if (typeof a === 'number' && typeof b === 'number') {\n    return (a - b) * multiplier\n  }\n\n  // Boolean comparison (true > false)\n  if (typeof a === 'boolean' && typeof b === 'boolean') {\n    return (Number(a) - Number(b)) * multiplier\n  }\n\n  // Date comparison\n  if (a instanceof Date && b instanceof Date) {\n    return (a.getTime() - b.getTime()) * multiplier\n  }\n\n  // String comparison (case-insensitive)\n  const strA = String(a).toLowerCase()\n  const strB = String(b).toLowerCase()\n  return strA.localeCompare(strB) * multiplier\n}\n"],"mappings":";AAEA,SAAgB,cAAc,GAAY,GAAY,WAAkC;AAEtF,KAAI,KAAK,QAAQ,KAAK,KAAM,QAAO;AACnC,KAAI,KAAK,KAAM,QAAO;AACtB,KAAI,KAAK,KAAM,QAAO;CAEtB,MAAM,aAAa,cAAc,QAAQ,IAAI;AAG7C,KAAI,OAAO,MAAM,YAAY,OAAO,MAAM,SACxC,SAAQ,IAAI,KAAK;AAInB,KAAI,OAAO,MAAM,aAAa,OAAO,MAAM,UACzC,SAAQ,OAAO,EAAE,GAAG,OAAO,EAAE,IAAI;AAInC,KAAI,aAAa,QAAQ,aAAa,KACpC,SAAQ,EAAE,SAAS,GAAG,EAAE,SAAS,IAAI;CAIvC,MAAM,OAAO,OAAO,EAAE,CAAC,aAAa;CACpC,MAAM,OAAO,OAAO,EAAE,CAAC,aAAa;AACpC,QAAO,KAAK,cAAc,KAAK,GAAG"}

package/dist/components/table/types.d.ts

@@ -0,0 +1,101 @@
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/table/types.d.ts
+type SortDirection = 'asc' | 'desc';
+interface ColumnDef<T, K extends keyof T = keyof T> {
+  key: K;
+  header: ReactNode;
+  format?: (value: T[K], row: T) => string;
+  cell?: (value: T[K], row: T) => ReactNode;
+  className?: string;
+  headerClassName?: string;
+  cellClassName?: string;
+  width?: string | number;
+  sortable?: boolean;
+}
+interface PaginationConfig {
+  pageSize: number;
+  pageSizeOptions?: number[];
+}
+interface SearchConfig<T> {
+  keys: (keyof T)[];
+}
+type FilterPredicate<T, V = unknown> = (row: T, value: V) => boolean;
+interface FilterDef<T, V = unknown> {
+  predicate: FilterPredicate<T, V>;
+  defaultValue?: V;
+}
+type FiltersConfig<T> = Record<string, FilterDef<T, any>>;
+type FilterValues = Record<string, unknown>;
+type RowKeyGetter<T> = (row: T) => string | number;
+interface SelectionConfig<T> {
+  rowKey: RowKeyGetter<T>;
+  defaultSelectedKeys?: (string | number)[];
+  selectedKeys?: (string | number)[];
+  onSelectionChange?: (keys: (string | number)[]) => void;
+}
+interface SelectionState<T> {
+  selectedKeys: (string | number)[];
+  selectedCount: number;
+  isSelected: (key: string | number) => boolean;
+  toggleRow: (key: string | number) => void;
+  isRowSelected: (row: T) => boolean;
+  toggleRowSelection: (row: T) => void;
+  toggleAllOnPage: () => void;
+  clearSelection: () => void;
+  pageSelectionState: 'all' | 'some' | 'none';
+  isIndeterminate: boolean;
+  isAllOnPageSelected: boolean;
+}
+interface UseTableOptions<T> {
+  data: T[];
+  columns: ColumnDef<T, keyof T>[];
+  pagination?: PaginationConfig;
+  sort?: {
+    key: keyof T;
+    direction: SortDirection;
+  };
+  search?: SearchConfig<T>;
+  filters?: FiltersConfig<T>;
+  selection?: SelectionConfig<T>;
+}
+interface ProcessedColumn<T> {
+  key: keyof T;
+  head: {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sortable: boolean;
+    sortDirection?: SortDirection;
+    onSort?: () => void;
+  };
+  cell: {
+    className?: string;
+  };
+  renderCell: (row: T) => ReactNode;
+}
+interface UseTableReturn<T> {
+  columns: ProcessedColumn<T>[];
+  rows: T[];
+  totalItems: number;
+  currentPage: number;
+  totalPages: number;
+  pageSize: number;
+  pageSizeOptions: number[];
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+  sortKey: keyof T | null;
+  sortDirection: SortDirection;
+  onSort: (key: keyof T) => void;
+  searchTerm: string;
+  onSearchChange: (term: string) => void;
+  filterValues: FilterValues;
+  setFilterValue: (filterId: string, value: unknown) => void;
+  clearFilters: () => void;
+  activeFilterCount: number;
+  selection?: SelectionState<T>;
+}
+//# sourceMappingURL=types.d.ts.map
+//#endregion
+export { ColumnDef, FilterDef, FilterPredicate, FilterValues, FiltersConfig, PaginationConfig, ProcessedColumn, RowKeyGetter, SearchConfig, SelectionConfig, SelectionState, SortDirection, UseTableOptions, UseTableReturn };
+//# sourceMappingURL=types.d.ts.map