@cognite/aura 0.3.5 → 1.46105.0

package/dist/components/ui/core/count/count.js

@@ -1,21 +1,51 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { cva as r } from "class-variance-authority";
-//#region libs/aura/src/components/ui/core/count/count.tsx
-var i = r("flex min-h-9 min-w-9 flex-col items-center justify-center rounded-sm px-0.5 text-3xl font-medium leading-8 tracking-tightest", {
-	variants: { variant: {
-		default: "bg-neutral-background text-neutral-foreground-on-neutral",
-		warning: "bg-warning-background text-warning-foreground-on-warning",
-		critical: "bg-destructive-background text-destructive-foreground-on-critical"
-	} },
-	defaultVariants: { variant: "default" }
-}), a = t(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ n("output", {
-	ref: o,
-	"data-slot": "count",
-	className: e(i({ variant: r }), t),
-	...a
-}));
-a.displayName = "Count";
-//#endregion
-export { a as Count, i as countVariants };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+const countVariants = cva('inline-flex h-9 min-w-9 flex-col items-center justify-center p-0.5 px-1 rounded-lg text-center text-base font-medium leading-5 tracking-tighter has-[[data-slot=count-unit]]:-space-y-0.5', {
+    variants: {
+        variant: {
+            default: 'bg-neutral-background text-neutral-foreground',
+            success: 'bg-success-background text-success-foreground',
+            warning: 'bg-warning-background text-warning-foreground',
+            critical: 'bg-critical-background text-critical-foreground'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const countValueClasses = 'text-base font-medium leading-5 tracking-tighter';
+const countUnitClasses = 'text-xs font-medium leading-3.5 tracking-tighter';
+const Count = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("output", {
+        ref: ref,
+        "data-slot": "count",
+        className: cn(countVariants({
+            variant
+        }), className),
+        ...props
+    });
+});
+Count.displayName = 'Count';
+const CountValue = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "count-value",
+        className: cn(countValueClasses, className),
+        ...props
+    });
+});
+CountValue.displayName = 'CountValue';
+const CountUnit = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "count-unit",
+        className: cn(countUnitClasses, className),
+        ...props
+    });
+});
+CountUnit.displayName = 'CountUnit';
+export { Count, CountUnit, CountValue, countVariants };
+
+//# sourceMappingURL=count.js.map

package/dist/components/ui/core/count/count.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/count/count.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  forwardRef,\n} from 'react';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\n\ninterface CountVariantProps {\n  variant?: 'default' | 'success' | 'warning' | 'critical' | null;\n}\n\nconst countVariants: (\n  props?: (CountVariantProps & ClassProp) | undefined\n) => string = cva(\n  'inline-flex h-9 min-w-9 flex-col items-center justify-center p-0.5 px-1 rounded-lg text-center text-base font-medium leading-5 tracking-tighter has-[[data-slot=count-unit]]:-space-y-0.5',\n  {\n    variants: {\n      variant: {\n        default: 'bg-neutral-background text-neutral-foreground',\n        success: 'bg-success-background text-success-foreground',\n        warning: 'bg-warning-background text-warning-foreground',\n        critical: 'bg-critical-background text-critical-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst countValueClasses =\n  'text-base font-medium leading-5 tracking-tighter' as const;\nconst countUnitClasses =\n  'text-xs font-medium leading-3.5 tracking-tighter' as const;\n\nconst Count: ForwardRefExoticComponent<\n  ComponentProps<'output'> &\n    VariantProps<typeof countVariants> &\n    RefAttributes<HTMLOutputElement>\n> = forwardRef<\n  ComponentRef<'output'>,\n  ComponentProps<'output'> & VariantProps<typeof countVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <output\n      ref={ref}\n      data-slot=\"count\"\n      className={cn(countVariants({ variant }), className)}\n      {...props}\n    />\n  );\n});\nCount.displayName = 'Count';\n\nconst CountValue: ForwardRefExoticComponent<\n  ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"count-value\"\n        className={cn(countValueClasses, className)}\n        {...props}\n      />\n    );\n  }\n);\nCountValue.displayName = 'CountValue';\n\nconst CountUnit: ForwardRefExoticComponent<\n  ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"count-unit\"\n        className={cn(countUnitClasses, className)}\n        {...props}\n      />\n    );\n  }\n);\nCountUnit.displayName = 'CountUnit';\n\nexport { Count, CountUnit, CountValue, countVariants };\n"],"names":["forwardRef","cva","cn","countVariants","variants","variant","default","success","warning","critical","defaultVariants","countValueClasses","countUnitClasses","Count","className","props","ref","output","data-slot","displayName","CountValue","span","CountUnit"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,2BAAwB;AAM3C,MAAMC,gBAEQF,IACZ,6LACA;IACEG,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,SAAS;YACTC,SAAS;YACTC,UAAU;QACZ;IACF;IACAC,iBAAiB;QACfL,SAAS;IACX;AACF;AAGF,MAAMM,oBACJ;AACF,MAAMC,mBACJ;AAEF,MAAMC,sBAIFb,WAGF,CAAC,EAAEc,SAAS,EAAET,OAAO,EAAE,GAAGU,OAAO,EAAEC;IACnC,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWZ,GAAGC,cAAc;YAAEE;QAAQ,IAAIS;QACzC,GAAGC,KAAK;;AAGf;AACAF,MAAMM,WAAW,GAAG;AAEpB,MAAMC,2BAEFpB,WACF,CAAC,EAAEc,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACK;QACCL,KAAKA;QACLE,aAAU;QACVJ,WAAWZ,GAAGS,mBAAmBG;QAChC,GAAGC,KAAK;;AAGf;AAEFK,WAAWD,WAAW,GAAG;AAEzB,MAAMG,0BAEFtB,WACF,CAAC,EAAEc,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACK;QACCL,KAAKA;QACLE,aAAU;QACVJ,WAAWZ,GAAGU,kBAAkBE;QAC/B,GAAGC,KAAK;;AAGf;AAEFO,UAAUH,WAAW,GAAG;AAExB,SAASN,KAAK,EAAES,SAAS,EAAEF,UAAU,EAAEjB,aAAa,GAAG"}

package/dist/components/ui/core/data-grid/data-grid-cell.d.ts

@@ -1,10 +1,10 @@
-import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
-type DataGridCellProps = ComponentProps<'div'> & {
-    isPinned?: boolean;
-    isLastPinned?: boolean;
-    colIndex?: number;
-    textValue?: string;
-    truncate?: boolean;
+import { type ComponentProps, type ForwardRefExoticComponent, type RefAttributes } from "react";
+type DataGridCellProps = ComponentProps<"div"> & {
+	isPinned?: boolean;
+	isLastPinned?: boolean;
+	colIndex?: number;
+	textValue?: string;
+	truncate?: boolean;
 };
 declare const DataGridCell: ForwardRefExoticComponent<DataGridCellProps & RefAttributes<HTMLDivElement>>;
 export { DataGridCell, type DataGridCellProps };

package/dist/components/ui/core/data-grid/data-grid-cell.js

@@ -1,23 +1,23 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/data-grid/data-grid-cell.tsx
-var r = t(function({ className: t, children: r, isPinned: i, isLastPinned: a, colIndex: o, textValue: s, truncate: c = !0, style: l, ...u }, d) {
-	return /* @__PURE__ */ n("div", {
-		ref: d,
-		"data-slot": "data-grid-cell",
-		role: "cell",
-		"aria-colindex": o,
-		title: s,
-		className: e("flex items-center pr-3 text-sm font-normal", o === 1 ? "pl-4" : "pl-3", "min-w-0", i && "sticky z-10 bg-inherit", a && "shadow-pinned-column", t),
-		style: l,
-		...u,
-		children: c && s !== void 0 ? /* @__PURE__ */ n("span", {
-			className: "block min-w-0 flex-1 truncate",
-			children: s
-		}) : r
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../../lib/utils.js";
+const DataGridCell = /*#__PURE__*/ forwardRef(function DataGridCell({ className, children, isPinned, isLastPinned, colIndex, textValue, truncate: shouldTruncate = true, style, ...props }, ref) {
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-cell",
+        role: "cell",
+        "aria-colindex": colIndex,
+        title: textValue,
+        className: cn('flex items-center pr-3 text-sm font-normal', colIndex === 1 ? 'pl-4' : 'pl-3', 'min-w-0', isPinned && 'sticky z-10 bg-inherit', isLastPinned && 'shadow-pinned-column', className),
+        style: style,
+        ...props,
+        children: shouldTruncate && textValue !== undefined ? /*#__PURE__*/ _jsx("span", {
+            className: "block min-w-0 flex-1 truncate",
+            children: textValue
+        }) : children
+    });
 });
-r.displayName = "DataGridCell";
-//#endregion
-export { r as DataGridCell };
+DataGridCell.displayName = 'DataGridCell';
+export { DataGridCell };
+
+//# sourceMappingURL=data-grid-cell.js.map

package/dist/components/ui/core/data-grid/data-grid-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-cell.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ntype DataGridCellProps = ComponentProps<'div'> & {\n  isPinned?: boolean;\n  isLastPinned?: boolean;\n  colIndex?: number;\n  textValue?: string;\n  truncate?: boolean;\n};\n\nconst DataGridCell: ForwardRefExoticComponent<\n  DataGridCellProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, DataGridCellProps>(function DataGridCell(\n  {\n    className,\n    children,\n    isPinned,\n    isLastPinned,\n    colIndex,\n    textValue,\n    truncate: shouldTruncate = true,\n    style,\n    ...props\n  },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"data-grid-cell\"\n      role=\"cell\"\n      aria-colindex={colIndex}\n      title={textValue}\n      className={cn(\n        'flex items-center pr-3 text-sm font-normal',\n        colIndex === 1 ? 'pl-4' : 'pl-3',\n        'min-w-0',\n        isPinned && 'sticky z-10 bg-inherit',\n        isLastPinned && 'shadow-pinned-column',\n        className\n      )}\n      style={style}\n      {...props}\n    >\n      {shouldTruncate && textValue !== undefined ? (\n        <span className=\"block min-w-0 flex-1 truncate\">{textValue}</span>\n      ) : (\n        children\n      )}\n    </div>\n  );\n});\nDataGridCell.displayName = 'DataGridCell';\n\nexport { DataGridCell, type DataGridCellProps };\n"],"names":["forwardRef","cn","DataGridCell","className","children","isPinned","isLastPinned","colIndex","textValue","truncate","shouldTruncate","style","props","ref","div","data-slot","role","aria-colindex","title","undefined","span","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAU3C,MAAMC,6BAEFF,WAAmD,SAASE,aAC9D,EACEC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,UAAUC,iBAAiB,IAAI,EAC/BC,KAAK,EACL,GAAGC,OACJ,EACDC,GAAG;IAEH,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVC,MAAK;QACLC,iBAAeV;QACfW,OAAOV;QACPL,WAAWF,GACT,8CACAM,aAAa,IAAI,SAAS,QAC1B,WACAF,YAAY,0BACZC,gBAAgB,wBAChBH;QAEFQ,OAAOA;QACN,GAAGC,KAAK;kBAERF,kBAAkBF,cAAcW,0BAC/B,KAACC;YAAKjB,WAAU;sBAAiCK;aAEjDJ;;AAIR;AACAF,aAAamB,WAAW,GAAG;AAE3B,SAASnB,YAAY,GAA2B"}

package/dist/components/ui/core/data-grid/data-grid-filter-clauses.d.ts

@@ -0,0 +1,14 @@
+type DataGridFilterOperator = "contains" | "equals" | "startsWith";
+type DataGridFilterJoin = "and" | "or";
+type DataGridFilterClause = {
+	/** Consumer bookkeeping only — clauses are identified by array position. */
+	id?: string;
+	columnId: string;
+	operator: DataGridFilterOperator;
+	value: string;
+	join?: DataGridFilterJoin;
+};
+declare function matchesDataGridFilterClause(value: unknown, clause: DataGridFilterClause): boolean;
+declare function applyDataGridFilterClauses<TData>(rows: TData[], clauses: DataGridFilterClause[], getClauseValue: (row: TData, columnId: string) => unknown): TData[];
+export { applyDataGridFilterClauses, matchesDataGridFilterClause };
+export type { DataGridFilterClause, DataGridFilterJoin, DataGridFilterOperator };

package/dist/components/ui/core/data-grid/data-grid-filter-clauses.js

@@ -0,0 +1,36 @@
+// Mirrors TanStack's `includesString` / `equalsString` so clause filtering and
+// grid search treat the same data alike. `filterFns` cannot be reused directly:
+// they require a `Row`, unavailable when filtering raw data.
+function normalizeClauseValue(value) {
+    return value?.toString().toLowerCase() ?? '';
+}
+function isActiveClause(clause) {
+    return clause.value.trim() !== '';
+}
+function matchesDataGridFilterClause(value, clause) {
+    const search = clause.value.trim().toLowerCase();
+    const candidate = normalizeClauseValue(value);
+    switch(clause.operator){
+        case 'equals':
+            return candidate === search;
+        case 'startsWith':
+            return candidate.startsWith(search);
+        case 'contains':
+            return candidate.includes(search);
+    }
+}
+// Applied left to right with no operator precedence — `or` does not bind tighter
+// than `and`. Blank clauses are dropped rather than treated as matching
+// everything, which an `or` join would otherwise widen to every row.
+function applyDataGridFilterClauses(rows, clauses, getClauseValue) {
+    const activeClauses = clauses.filter(isActiveClause);
+    if (activeClauses.length === 0) return rows;
+    return rows.filter((row)=>activeClauses.reduce((result, clause, index)=>{
+            const matched = matchesDataGridFilterClause(getClauseValue(row, clause.columnId), clause);
+            if (index === 0) return matched;
+            return clause.join === 'or' ? result || matched : result && matched;
+        }, true));
+}
+export { applyDataGridFilterClauses, matchesDataGridFilterClause };
+
+//# sourceMappingURL=data-grid-filter-clauses.js.map

package/dist/components/ui/core/data-grid/data-grid-filter-clauses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-filter-clauses.ts"],"sourcesContent":["type DataGridFilterOperator = 'contains' | 'equals' | 'startsWith';\ntype DataGridFilterJoin = 'and' | 'or';\n\ntype DataGridFilterClause = {\n  /** Consumer bookkeeping only — clauses are identified by array position. */\n  id?: string;\n  columnId: string;\n  operator: DataGridFilterOperator;\n  value: string;\n  join?: DataGridFilterJoin;\n};\n\n// Mirrors TanStack's `includesString` / `equalsString` so clause filtering and\n// grid search treat the same data alike. `filterFns` cannot be reused directly:\n// they require a `Row`, unavailable when filtering raw data.\nfunction normalizeClauseValue(value: unknown): string {\n  return value?.toString().toLowerCase() ?? '';\n}\n\nfunction isActiveClause(clause: DataGridFilterClause): boolean {\n  return clause.value.trim() !== '';\n}\n\nfunction matchesDataGridFilterClause(\n  value: unknown,\n  clause: DataGridFilterClause\n): boolean {\n  const search = clause.value.trim().toLowerCase();\n  const candidate = normalizeClauseValue(value);\n\n  switch (clause.operator) {\n    case 'equals':\n      return candidate === search;\n    case 'startsWith':\n      return candidate.startsWith(search);\n    case 'contains':\n      return candidate.includes(search);\n  }\n}\n\n// Applied left to right with no operator precedence — `or` does not bind tighter\n// than `and`. Blank clauses are dropped rather than treated as matching\n// everything, which an `or` join would otherwise widen to every row.\nfunction applyDataGridFilterClauses<TData>(\n  rows: TData[],\n  clauses: DataGridFilterClause[],\n  getClauseValue: (row: TData, columnId: string) => unknown\n): TData[] {\n  const activeClauses = clauses.filter(isActiveClause);\n  if (activeClauses.length === 0) return rows;\n\n  return rows.filter((row: TData) =>\n    activeClauses.reduce<boolean>(\n      (result: boolean, clause: DataGridFilterClause, index: number) => {\n        const matched = matchesDataGridFilterClause(\n          getClauseValue(row, clause.columnId),\n          clause\n        );\n        if (index === 0) return matched;\n        return clause.join === 'or' ? result || matched : result && matched;\n      },\n      true\n    )\n  );\n}\n\nexport { applyDataGridFilterClauses, matchesDataGridFilterClause };\nexport type {\n  DataGridFilterClause,\n  DataGridFilterJoin,\n  DataGridFilterOperator,\n};\n"],"names":["normalizeClauseValue","value","toString","toLowerCase","isActiveClause","clause","trim","matchesDataGridFilterClause","search","candidate","operator","startsWith","includes","applyDataGridFilterClauses","rows","clauses","getClauseValue","activeClauses","filter","length","row","reduce","result","index","matched","columnId","join"],"mappings":"AAYA,+EAA+E;AAC/E,gFAAgF;AAChF,6DAA6D;AAC7D,SAASA,qBAAqBC,KAAc;IAC1C,OAAOA,OAAOC,WAAWC,iBAAiB;AAC5C;AAEA,SAASC,eAAeC,MAA4B;IAClD,OAAOA,OAAOJ,KAAK,CAACK,IAAI,OAAO;AACjC;AAEA,SAASC,4BACPN,KAAc,EACdI,MAA4B;IAE5B,MAAMG,SAASH,OAAOJ,KAAK,CAACK,IAAI,GAAGH,WAAW;IAC9C,MAAMM,YAAYT,qBAAqBC;IAEvC,OAAQI,OAAOK,QAAQ;QACrB,KAAK;YACH,OAAOD,cAAcD;QACvB,KAAK;YACH,OAAOC,UAAUE,UAAU,CAACH;QAC9B,KAAK;YACH,OAAOC,UAAUG,QAAQ,CAACJ;IAC9B;AACF;AAEA,iFAAiF;AACjF,wEAAwE;AACxE,qEAAqE;AACrE,SAASK,2BACPC,IAAa,EACbC,OAA+B,EAC/BC,cAAyD;IAEzD,MAAMC,gBAAgBF,QAAQG,MAAM,CAACd;IACrC,IAAIa,cAAcE,MAAM,KAAK,GAAG,OAAOL;IAEvC,OAAOA,KAAKI,MAAM,CAAC,CAACE,MAClBH,cAAcI,MAAM,CAClB,CAACC,QAAiBjB,QAA8BkB;YAC9C,MAAMC,UAAUjB,4BACdS,eAAeI,KAAKf,OAAOoB,QAAQ,GACnCpB;YAEF,IAAIkB,UAAU,GAAG,OAAOC;YACxB,OAAOnB,OAAOqB,IAAI,KAAK,OAAOJ,UAAUE,UAAUF,UAAUE;QAC9D,GACA;AAGN;AAEA,SAASX,0BAA0B,EAAEN,2BAA2B,GAAG"}

package/dist/components/ui/core/data-grid/data-grid-filter-panel.d.ts

@@ -0,0 +1,41 @@
+import { type ComponentProps, type ForwardRefExoticComponent, type RefAttributes } from "react";
+import type { DataGridFilterClause } from "./data-grid-filter-clauses";
+type DataGridFilterColumn = {
+	id: string;
+	label: string;
+};
+type DataGridFilterPanelLabels = {
+	title: string;
+	close: string;
+	showFieldsWhere: string;
+	join: string;
+	joinAnd: string;
+	joinOr: string;
+	column: string;
+	operator: string;
+	operatorContains: string;
+	operatorEquals: string;
+	operatorStartsWith: string;
+	value: string;
+	valuePlaceholder: string;
+	removeClause: string;
+	addClause: string;
+	clearAll: string;
+	apply: string;
+	results: (filteredResultCount: number) => string;
+	maxClausesReached: (maxClauses: number) => string;
+};
+type DataGridFilterPanelProps = Omit<ComponentProps<"div">, "onChange"> & {
+	clauses: DataGridFilterClause[];
+	columns: DataGridFilterColumn[];
+	maxClauses?: number;
+	filteredResultCount?: number;
+	lockedColumnId?: string;
+	labels?: Partial<DataGridFilterPanelLabels>;
+	onChange: (clauses: DataGridFilterClause[]) => void;
+	onClearAll: () => void;
+	onClose?: () => void;
+	onApply?: () => void;
+};
+declare const DataGridFilterPanel: ForwardRefExoticComponent<DataGridFilterPanelProps & RefAttributes<HTMLDivElement>>;
+export { DataGridFilterPanel, type DataGridFilterColumn, type DataGridFilterPanelLabels };

package/dist/components/ui/core/data-grid/data-grid-filter-panel.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { IconMinus, IconPlus, IconX } from "@tabler/icons-react";
+import { cn } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { Input } from "../input/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "../select/select.js";
+const isDataGridFilterJoin = (value)=>value === 'and' || value === 'or';
+const isDataGridFilterOperator = (value)=>value === 'contains' || value === 'equals' || value === 'startsWith';
+const defaultDataGridFilterPanelLabels = {
+    title: 'Filters',
+    close: 'Close filters',
+    showFieldsWhere: 'Show fields where',
+    join: 'Filter join',
+    joinAnd: 'And',
+    joinOr: 'Or',
+    column: 'Filter column',
+    operator: 'Filter operator',
+    operatorContains: 'Contains',
+    operatorEquals: 'Equals',
+    operatorStartsWith: 'Starts with',
+    value: 'Filter value',
+    valuePlaceholder: 'Enter value',
+    removeClause: 'Remove filter',
+    addClause: 'Add condition',
+    clearAll: 'Clear all',
+    apply: 'Apply filters',
+    results: (filteredResultCount)=>`Results ${filteredResultCount.toLocaleString()}`,
+    maxClausesReached: (maxClauses)=>`Maximum ${maxClauses} conditions`
+};
+const DataGridFilterPanel = /*#__PURE__*/ forwardRef(function DataGridFilterPanel({ clauses, columns, maxClauses = 5, filteredResultCount, lockedColumnId, labels: labelOverrides, onChange, onClearAll, onClose, onApply, className, ...props }, ref) {
+    const labels = {
+        ...defaultDataGridFilterPanelLabels,
+        ...labelOverrides
+    };
+    const canAddClause = clauses.length < maxClauses;
+    const uniformJoinValue = clauses[1]?.join ?? 'and';
+    const operatorLabel = {
+        contains: labels.operatorContains,
+        equals: labels.operatorEquals,
+        startsWith: labels.operatorStartsWith
+    };
+    const joinLabel = {
+        and: labels.joinAnd,
+        or: labels.joinOr
+    };
+    const columnLabel = (id)=>columns.find((column)=>column.id === id)?.label ?? id;
+    const updateClause = (index, patch)=>{
+        onChange(clauses.map((clause, clauseIndex)=>clauseIndex === index ? {
+                ...clause,
+                ...patch
+            } : clause));
+    };
+    const createClause = (join = 'and')=>({
+            columnId: lockedColumnId ?? columns[0]?.id ?? '',
+            operator: 'contains',
+            value: '',
+            join
+        });
+    const addClause = ()=>{
+        if (!canAddClause) return;
+        onChange([
+            ...clauses,
+            createClause(clauses[clauses.length - 1]?.join ?? 'and')
+        ]);
+    };
+    const removeClause = (index)=>{
+        const next = clauses.filter((_clause, clauseIndex)=>clauseIndex !== index);
+        onChange(next.length > 0 ? next : [
+            createClause()
+        ]);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        "data-slot": "data-grid-filter-panel",
+        className: cn('w-[min(52rem,calc(100vw-2rem))] rounded-lg border border-border bg-background p-4 shadow-default', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "mb-2 flex items-center justify-between gap-3",
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "text-base font-medium text-foreground",
+                        children: labels.title
+                    }),
+                    onClose != null && /*#__PURE__*/ _jsx(Button, {
+                        size: "icon-sm",
+                        variant: "ghost",
+                        className: "shrink-0",
+                        "aria-label": labels.close,
+                        onClick: onClose,
+                        children: /*#__PURE__*/ _jsx(IconX, {
+                            className: "size-4",
+                            "aria-hidden": true
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "grid gap-2",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "grid grid-cols-[75px_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_36px] gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {}),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm font-medium text-muted-foreground",
+                                children: labels.showFieldsWhere
+                            })
+                        ]
+                    }),
+                    clauses.map((clause, index)=>/*#__PURE__*/ _jsxs("div", {
+                            className: "grid grid-cols-[75px_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_36px] items-center gap-2",
+                            children: [
+                                index === 0 ? /*#__PURE__*/ _jsx("span", {}) : index > 1 ? /*#__PURE__*/ _jsx("span", {
+                                    className: "px-3 text-sm font-medium text-foreground capitalize",
+                                    children: uniformJoinValue
+                                }) : /*#__PURE__*/ _jsxs(Select, {
+                                    value: uniformJoinValue,
+                                    onValueChange: (join)=>{
+                                        if (isDataGridFilterJoin(join)) {
+                                            onChange(clauses.map((joined, joinedIndex)=>joinedIndex === 0 ? joined : {
+                                                    ...joined,
+                                                    join
+                                                }));
+                                        }
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                                            "aria-label": labels.join,
+                                            className: "h-8 min-w-0 w-full text-sm",
+                                            children: joinLabel[uniformJoinValue]
+                                        }),
+                                        /*#__PURE__*/ _jsxs(SelectContent, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(SelectItem, {
+                                                    value: "and",
+                                                    children: labels.joinAnd
+                                                }),
+                                                /*#__PURE__*/ _jsx(SelectItem, {
+                                                    value: "or",
+                                                    children: labels.joinOr
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs(Select, {
+                                    value: clause.columnId,
+                                    onValueChange: (value)=>updateClause(index, {
+                                            columnId: value
+                                        }),
+                                    disabled: lockedColumnId != null,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                                            "aria-label": labels.column,
+                                            className: "h-8 min-w-0 w-full text-sm",
+                                            children: columnLabel(clause.columnId)
+                                        }),
+                                        /*#__PURE__*/ _jsx(SelectContent, {
+                                            children: columns.map((column)=>/*#__PURE__*/ _jsx(SelectItem, {
+                                                    value: column.id,
+                                                    children: column.label
+                                                }, column.id))
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs(Select, {
+                                    value: clause.operator,
+                                    onValueChange: (value)=>{
+                                        if (isDataGridFilterOperator(value)) {
+                                            updateClause(index, {
+                                                operator: value
+                                            });
+                                        }
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                                            "aria-label": labels.operator,
+                                            className: "h-8 min-w-0 w-full text-sm",
+                                            children: operatorLabel[clause.operator]
+                                        }),
+                                        /*#__PURE__*/ _jsxs(SelectContent, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(SelectItem, {
+                                                    value: "contains",
+                                                    children: labels.operatorContains
+                                                }),
+                                                /*#__PURE__*/ _jsx(SelectItem, {
+                                                    value: "equals",
+                                                    children: labels.operatorEquals
+                                                }),
+                                                /*#__PURE__*/ _jsx(SelectItem, {
+                                                    value: "startsWith",
+                                                    children: labels.operatorStartsWith
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Input, {
+                                    "aria-label": labels.value,
+                                    value: clause.value,
+                                    placeholder: labels.valuePlaceholder,
+                                    onChange: (event)=>updateClause(index, {
+                                            value: event.target.value
+                                        })
+                                }),
+                                index === 0 ? /*#__PURE__*/ _jsx("span", {}) : /*#__PURE__*/ _jsx(Button, {
+                                    size: "icon",
+                                    variant: "ghost",
+                                    "aria-label": labels.removeClause,
+                                    onClick: ()=>removeClause(index),
+                                    children: /*#__PURE__*/ _jsx(IconMinus, {
+                                        className: "size-4",
+                                        "aria-hidden": "true"
+                                    })
+                                })
+                            ]
+                        }, clause.id ?? index))
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "mt-3 flex items-center justify-between gap-2 pl-[83px]",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsxs(Button, {
+                                variant: "outline",
+                                onClick: addClause,
+                                disabled: !canAddClause,
+                                children: [
+                                    /*#__PURE__*/ _jsx(IconPlus, {
+                                        className: "size-4",
+                                        "aria-hidden": "true"
+                                    }),
+                                    labels.addClause
+                                ]
+                            }),
+                            filteredResultCount != null && /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm font-medium text-foreground",
+                                children: labels.results(filteredResultCount)
+                            }),
+                            !canAddClause ? /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm text-muted-foreground",
+                                children: labels.maxClausesReached(maxClauses)
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "ghost",
+                                onClick: onClearAll,
+                                children: labels.clearAll
+                            }),
+                            onApply ? /*#__PURE__*/ _jsx(Button, {
+                                onClick: onApply,
+                                children: labels.apply
+                            }) : null
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+});
+DataGridFilterPanel.displayName = 'DataGridFilterPanel';
+export { DataGridFilterPanel };
+
+//# sourceMappingURL=data-grid-filter-panel.js.map

package/dist/components/ui/core/data-grid/data-grid-filter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid-filter-panel.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ComponentProps,\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type Ref,\n  type RefAttributes,\n  forwardRef,\n} from 'react';\n\nimport { IconMinus, IconPlus, IconX } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport { Input } from '../input/input';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n} from '../select/select';\n\nimport type {\n  DataGridFilterClause,\n  DataGridFilterJoin,\n  DataGridFilterOperator,\n} from './data-grid-filter-clauses';\n\ntype DataGridFilterColumn = {\n  id: string;\n  label: string;\n};\n\nconst isDataGridFilterJoin = (value: string): value is DataGridFilterJoin =>\n  value === 'and' || value === 'or';\n\nconst isDataGridFilterOperator = (\n  value: string\n): value is DataGridFilterOperator =>\n  value === 'contains' || value === 'equals' || value === 'startsWith';\n\ntype DataGridFilterPanelLabels = {\n  title: string;\n  close: string;\n  showFieldsWhere: string;\n  join: string;\n  joinAnd: string;\n  joinOr: string;\n  column: string;\n  operator: string;\n  operatorContains: string;\n  operatorEquals: string;\n  operatorStartsWith: string;\n  value: string;\n  valuePlaceholder: string;\n  removeClause: string;\n  addClause: string;\n  clearAll: string;\n  apply: string;\n  results: (filteredResultCount: number) => string;\n  maxClausesReached: (maxClauses: number) => string;\n};\n\nconst defaultDataGridFilterPanelLabels: DataGridFilterPanelLabels = {\n  title: 'Filters',\n  close: 'Close filters',\n  showFieldsWhere: 'Show fields where',\n  join: 'Filter join',\n  joinAnd: 'And',\n  joinOr: 'Or',\n  column: 'Filter column',\n  operator: 'Filter operator',\n  operatorContains: 'Contains',\n  operatorEquals: 'Equals',\n  operatorStartsWith: 'Starts with',\n  value: 'Filter value',\n  valuePlaceholder: 'Enter value',\n  removeClause: 'Remove filter',\n  addClause: 'Add condition',\n  clearAll: 'Clear all',\n  apply: 'Apply filters',\n  results: (filteredResultCount: number) =>\n    `Results ${filteredResultCount.toLocaleString()}`,\n  maxClausesReached: (maxClauses: number) => `Maximum ${maxClauses} conditions`,\n};\n\ntype DataGridFilterPanelProps = Omit<ComponentProps<'div'>, 'onChange'> & {\n  clauses: DataGridFilterClause[];\n  columns: DataGridFilterColumn[];\n  maxClauses?: number;\n  filteredResultCount?: number;\n  lockedColumnId?: string;\n  labels?: Partial<DataGridFilterPanelLabels>;\n  onChange: (clauses: DataGridFilterClause[]) => void;\n  onClearAll: () => void;\n  onClose?: () => void;\n  onApply?: () => void;\n};\n\nconst DataGridFilterPanel: ForwardRefExoticComponent<\n  DataGridFilterPanelProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, DataGridFilterPanelProps>(\n  function DataGridFilterPanel(\n    {\n      clauses,\n      columns,\n      maxClauses = 5,\n      filteredResultCount,\n      lockedColumnId,\n      labels: labelOverrides,\n      onChange,\n      onClearAll,\n      onClose,\n      onApply,\n      className,\n      ...props\n    }: DataGridFilterPanelProps,\n    ref: Ref<ComponentRef<'div'>>\n  ) {\n    const labels = { ...defaultDataGridFilterPanelLabels, ...labelOverrides };\n    const canAddClause = clauses.length < maxClauses;\n    const uniformJoinValue = clauses[1]?.join ?? 'and';\n\n    const operatorLabel: Record<DataGridFilterOperator, string> = {\n      contains: labels.operatorContains,\n      equals: labels.operatorEquals,\n      startsWith: labels.operatorStartsWith,\n    };\n    const joinLabel: Record<DataGridFilterJoin, string> = {\n      and: labels.joinAnd,\n      or: labels.joinOr,\n    };\n    const columnLabel = (id: string) =>\n      columns.find((column: DataGridFilterColumn) => column.id === id)?.label ??\n      id;\n\n    const updateClause = (\n      index: number,\n      patch: Partial<DataGridFilterClause>\n    ) => {\n      onChange(\n        clauses.map((clause: DataGridFilterClause, clauseIndex: number) =>\n          clauseIndex === index ? { ...clause, ...patch } : clause\n        )\n      );\n    };\n\n    const createClause = (\n      join: DataGridFilterJoin = 'and'\n    ): DataGridFilterClause => ({\n      columnId: lockedColumnId ?? columns[0]?.id ?? '',\n      operator: 'contains',\n      value: '',\n      join,\n    });\n\n    const addClause = () => {\n      if (!canAddClause) return;\n      onChange([\n        ...clauses,\n        createClause(clauses[clauses.length - 1]?.join ?? 'and'),\n      ]);\n    };\n\n    const removeClause = (index: number) => {\n      const next = clauses.filter(\n        (_clause: DataGridFilterClause, clauseIndex: number) =>\n          clauseIndex !== index\n      );\n      onChange(next.length > 0 ? next : [createClause()]);\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"data-grid-filter-panel\"\n        className={cn(\n          'w-[min(52rem,calc(100vw-2rem))] rounded-lg border border-border bg-background p-4 shadow-default',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"mb-2 flex items-center justify-between gap-3\">\n          <p className=\"text-base font-medium text-foreground\">\n            {labels.title}\n          </p>\n          {onClose != null && (\n            <Button\n              size=\"icon-sm\"\n              variant=\"ghost\"\n              className=\"shrink-0\"\n              aria-label={labels.close}\n              onClick={onClose}\n            >\n              <IconX className=\"size-4\" aria-hidden />\n            </Button>\n          )}\n        </div>\n\n        <div className=\"grid gap-2\">\n          <div className=\"grid grid-cols-[75px_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_36px] gap-2\">\n            <span />\n            <span className=\"text-sm font-medium text-muted-foreground\">\n              {labels.showFieldsWhere}\n            </span>\n          </div>\n          {clauses.map((clause: DataGridFilterClause, index: number) => (\n            <div\n              key={clause.id ?? index}\n              className=\"grid grid-cols-[75px_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_36px] items-center gap-2\"\n            >\n              {index === 0 ? (\n                <span />\n              ) : index > 1 ? (\n                <span className=\"px-3 text-sm font-medium text-foreground capitalize\">\n                  {uniformJoinValue}\n                </span>\n              ) : (\n                <Select\n                  value={uniformJoinValue}\n                  onValueChange={(join: string) => {\n                    if (isDataGridFilterJoin(join)) {\n                      onChange(\n                        clauses.map(\n                          (\n                            joined: DataGridFilterClause,\n                            joinedIndex: number\n                          ) =>\n                            joinedIndex === 0 ? joined : { ...joined, join }\n                        )\n                      );\n                    }\n                  }}\n                >\n                  <SelectTrigger\n                    aria-label={labels.join}\n                    className=\"h-8 min-w-0 w-full text-sm\"\n                  >\n                    {joinLabel[uniformJoinValue]}\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"and\">{labels.joinAnd}</SelectItem>\n                    <SelectItem value=\"or\">{labels.joinOr}</SelectItem>\n                  </SelectContent>\n                </Select>\n              )}\n              <Select\n                value={clause.columnId}\n                onValueChange={(value: string) =>\n                  updateClause(index, { columnId: value })\n                }\n                disabled={lockedColumnId != null}\n              >\n                <SelectTrigger\n                  aria-label={labels.column}\n                  className=\"h-8 min-w-0 w-full text-sm\"\n                >\n                  {columnLabel(clause.columnId)}\n                </SelectTrigger>\n                <SelectContent>\n                  {columns.map((column: DataGridFilterColumn) => (\n                    <SelectItem key={column.id} value={column.id}>\n                      {column.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <Select\n                value={clause.operator}\n                onValueChange={(value: string) => {\n                  if (isDataGridFilterOperator(value)) {\n                    updateClause(index, { operator: value });\n                  }\n                }}\n              >\n                <SelectTrigger\n                  aria-label={labels.operator}\n                  className=\"h-8 min-w-0 w-full text-sm\"\n                >\n                  {operatorLabel[clause.operator]}\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"contains\">\n                    {labels.operatorContains}\n                  </SelectItem>\n                  <SelectItem value=\"equals\">\n                    {labels.operatorEquals}\n                  </SelectItem>\n                  <SelectItem value=\"startsWith\">\n                    {labels.operatorStartsWith}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n              <Input\n                aria-label={labels.value}\n                value={clause.value}\n                placeholder={labels.valuePlaceholder}\n                onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                  updateClause(index, { value: event.target.value })\n                }\n              />\n              {index === 0 ? (\n                <span />\n              ) : (\n                <Button\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  aria-label={labels.removeClause}\n                  onClick={() => removeClause(index)}\n                >\n                  <IconMinus className=\"size-4\" aria-hidden=\"true\" />\n                </Button>\n              )}\n            </div>\n          ))}\n        </div>\n\n        <div className=\"mt-3 flex items-center justify-between gap-2 pl-[83px]\">\n          <div className=\"flex items-center gap-2\">\n            <Button\n              variant=\"outline\"\n              onClick={addClause}\n              disabled={!canAddClause}\n            >\n              <IconPlus className=\"size-4\" aria-hidden=\"true\" />\n              {labels.addClause}\n            </Button>\n            {filteredResultCount != null && (\n              <span className=\"text-sm font-medium text-foreground\">\n                {labels.results(filteredResultCount)}\n              </span>\n            )}\n            {!canAddClause ? (\n              <span className=\"text-sm text-muted-foreground\">\n                {labels.maxClausesReached(maxClauses)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Button variant=\"ghost\" onClick={onClearAll}>\n              {labels.clearAll}\n            </Button>\n            {onApply ? <Button onClick={onApply}>{labels.apply}</Button> : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\nDataGridFilterPanel.displayName = 'DataGridFilterPanel';\n\nexport {\n  DataGridFilterPanel,\n  type DataGridFilterColumn,\n  type DataGridFilterPanelLabels,\n};\n"],"names":["forwardRef","IconMinus","IconPlus","IconX","cn","Button","Input","Select","SelectContent","SelectItem","SelectTrigger","isDataGridFilterJoin","value","isDataGridFilterOperator","defaultDataGridFilterPanelLabels","title","close","showFieldsWhere","join","joinAnd","joinOr","column","operator","operatorContains","operatorEquals","operatorStartsWith","valuePlaceholder","removeClause","addClause","clearAll","apply","results","filteredResultCount","toLocaleString","maxClausesReached","maxClauses","DataGridFilterPanel","clauses","columns","lockedColumnId","labels","labelOverrides","onChange","onClearAll","onClose","onApply","className","props","ref","canAddClause","length","uniformJoinValue","operatorLabel","contains","equals","startsWith","joinLabel","and","or","columnLabel","id","find","label","updateClause","index","patch","map","clause","clauseIndex","createClause","columnId","next","filter","_clause","div","data-slot","p","size","variant","aria-label","onClick","aria-hidden","span","onValueChange","joined","joinedIndex","disabled","placeholder","event","target","displayName"],"mappings":"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"}

package/dist/components/ui/core/data-grid/data-grid-footer.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps, type ForwardRefExoticComponent, type RefAttributes } from "react";
+type DataGridFooterProps = ComponentProps<"div">;
+declare const DataGridFooter: ForwardRefExoticComponent<DataGridFooterProps & RefAttributes<HTMLDivElement>>;
+declare const DataGridFooterStart: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+declare const DataGridFooterEnd: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
+export { DataGridFooter, DataGridFooterEnd, DataGridFooterStart };

package/dist/components/ui/core/data-grid/data-grid-footer.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../../lib/utils.js";
+const DataGridFooter = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-footer",
+        className: cn('order-3 mt-auto flex min-h-17 items-center justify-between border-t py-4 pl-1.5 pr-4', className),
+        ...props,
+        children: children
+    });
+});
+DataGridFooter.displayName = 'DataGridFooter';
+const DataGridFooterStart = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-footer-start",
+        className: cn('flex min-w-0 flex-1 items-center gap-2', className),
+        ...props
+    });
+});
+DataGridFooterStart.displayName = 'DataGridFooterStart';
+const DataGridFooterEnd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "data-grid-footer-end",
+        className: cn('flex items-center justify-end gap-2', className),
+        ...props
+    });
+});
+DataGridFooterEnd.displayName = 'DataGridFooterEnd';
+export { DataGridFooter, DataGridFooterEnd, DataGridFooterStart };
+
+//# sourceMappingURL=data-grid-footer.js.map