@noambz/ui 0.7.0

package/dist/components/organisms/command-palette/command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/command-palette/command-palette.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Command } from \"cmdk\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\n/**\n * Root `cmdk` command menu. Wraps `Command` from cmdk — works standalone\n * (inline list) or nested inside `CommandPaletteDialog`.\n */\nexport const CommandPalette = forwardRef<\n  ElementRef<typeof Command>,\n  ComponentPropsWithoutRef<typeof Command>\n>(({ className, ...props }, ref) => (\n  <Command\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-xl bg-surface text-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandPalette.displayName = \"CommandPalette\";\n\nexport interface ICommandPaletteDialogProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {\n  title?: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  /** Content className override. */\n  contentClassName?: string;\n}\n\n/**\n * Dialog-hosted command palette. Renders an overlay + centered panel with\n * `<Command>` inside so consumers can drop `CommandPaletteInput`,\n * `CommandPaletteList`, `CommandPaletteGroup`, and `CommandPaletteItem`\n * as children.\n */\nexport function CommandPaletteDialog({\n  title = \"Command menu\",\n  description,\n  children,\n  contentClassName,\n  ...props\n}: ICommandPaletteDialogProps) {\n  return (\n    <DialogPrimitive.Root {...props}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\" />\n        <DialogPrimitive.Content\n          className={cn(\n            \"fixed left-1/2 top-[30%] z-50 w-full max-w-xl -translate-x-1/2 overflow-hidden rounded-xl border border-border-base bg-surface shadow-2xl\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n            contentClassName,\n          )}\n        >\n          <DialogPrimitive.Title className=\"sr-only\">{title}</DialogPrimitive.Title>\n          {description ? (\n            <DialogPrimitive.Description className=\"sr-only\">{description}</DialogPrimitive.Description>\n          ) : null}\n          <Command className=\"flex max-h-[70vh] flex-col\">{children}</Command>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\nexport const CommandPaletteInput = forwardRef<\n  ElementRef<typeof Command.Input>,\n  ComponentPropsWithoutRef<typeof Command.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center gap-2 border-b border-border-base px-3\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"h-4 w-4 text-muted-foreground\" aria-hidden>\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <path d=\"m21 21-4.3-4.3\" />\n    </svg>\n    <Command.Input\n      ref={ref}\n      className={cn(\n        \"flex h-11 w-full bg-transparent py-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nCommandPaletteInput.displayName = \"CommandPaletteInput\";\n\nexport const CommandPaletteList = forwardRef<\n  ElementRef<typeof Command.List>,\n  ComponentPropsWithoutRef<typeof Command.List>\n>(({ className, ...props }, ref) => (\n  <Command.List\n    ref={ref}\n    className={cn(\"flex-1 overflow-y-auto overflow-x-hidden p-2\", className)}\n    {...props}\n  />\n));\nCommandPaletteList.displayName = \"CommandPaletteList\";\n\nexport const CommandPaletteEmpty = forwardRef<\n  ElementRef<typeof Command.Empty>,\n  ComponentPropsWithoutRef<typeof Command.Empty>\n>(({ className, ...props }, ref) => (\n  <Command.Empty\n    ref={ref}\n    className={cn(\"py-8 text-center text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nCommandPaletteEmpty.displayName = \"CommandPaletteEmpty\";\n\nexport const CommandPaletteGroup = forwardRef<\n  ElementRef<typeof Command.Group>,\n  ComponentPropsWithoutRef<typeof Command.Group>\n>(({ className, ...props }, ref) => (\n  <Command.Group\n    ref={ref}\n    className={cn(\n      \"text-foreground\",\n      \"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandPaletteGroup.displayName = \"CommandPaletteGroup\";\n\nexport const CommandPaletteItem = forwardRef<\n  ElementRef<typeof Command.Item>,\n  ComponentPropsWithoutRef<typeof Command.Item>\n>(({ className, ...props }, ref) => (\n  <Command.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-2 text-sm text-foreground outline-none\",\n      \"data-[selected=true]:bg-surface-muted data-[selected=true]:text-foreground\",\n      \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n      \"[&_svg]:h-4 [&_svg]:w-4 [&_svg]:text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nCommandPaletteItem.displayName = \"CommandPaletteItem\";\n\nexport const CommandPaletteSeparator = forwardRef<\n  ElementRef<typeof Command.Separator>,\n  ComponentPropsWithoutRef<typeof Command.Separator>\n>(({ className, ...props }, ref) => (\n  <Command.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-border-base\", className)}\n    {...props}\n  />\n));\nCommandPaletteSeparator.displayName = \"CommandPaletteSeparator\";\n\nexport function CommandPaletteShortcut({ className, ...props }: ComponentPropsWithoutRef<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"ms-auto text-xs tracking-widest text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/organisms/command-palette/command-palette.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { CommandPalette } from "./command-palette.js";
+declare const meta: Meta<typeof CommandPalette>;
+export default meta;
+type Story = StoryObj<typeof CommandPalette>;
+export declare const Inline: Story;
+export declare const AsDialog: Story;
+//# sourceMappingURL=command-palette.stories.d.ts.map

package/dist/components/organisms/command-palette/command-palette.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/command-palette/command-palette.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,cAAc,EASf,MAAM,sBAAsB,CAAC;AAG9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAiC7C,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}

package/dist/components/organisms/command-palette/index.d.ts

@@ -0,0 +1,2 @@
+export { CommandPalette, CommandPaletteDialog, CommandPaletteInput, CommandPaletteList, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteItem, CommandPaletteSeparator, CommandPaletteShortcut, type ICommandPaletteDialogProps, } from "./command-palette.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/command-palette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,KAAK,0BAA0B,GAChC,MAAM,sBAAsB,CAAC"}

package/dist/components/organisms/command-palette/index.js

@@ -0,0 +1,23 @@
+import {
+  CommandPalette,
+  CommandPaletteDialog,
+  CommandPaletteInput,
+  CommandPaletteList,
+  CommandPaletteEmpty,
+  CommandPaletteGroup,
+  CommandPaletteItem,
+  CommandPaletteSeparator,
+  CommandPaletteShortcut
+} from "./command-palette.js";
+export {
+  CommandPalette,
+  CommandPaletteDialog,
+  CommandPaletteEmpty,
+  CommandPaletteGroup,
+  CommandPaletteInput,
+  CommandPaletteItem,
+  CommandPaletteList,
+  CommandPaletteSeparator,
+  CommandPaletteShortcut
+};
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/command-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/command-palette/index.ts"],"sourcesContent":["export {\n  CommandPalette,\n  CommandPaletteDialog,\n  CommandPaletteInput,\n  CommandPaletteList,\n  CommandPaletteEmpty,\n  CommandPaletteGroup,\n  CommandPaletteItem,\n  CommandPaletteSeparator,\n  CommandPaletteShortcut,\n  type ICommandPaletteDialogProps,\n} from \"./command-palette.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;","names":[]}

package/dist/components/organisms/custom-select/custom-select.d.ts

@@ -0,0 +1,18 @@
+export interface ICustomSelectOption {
+    value: string;
+    label: string;
+}
+export interface ICustomSelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: ICustomSelectOption[];
+    className?: string;
+    placeholder?: string;
+    ariaLabel?: string;
+}
+/**
+ * Click-outside-dismissible custom select. Pure client component with no
+ * external dependencies. Uses semantic design tokens for theming.
+ */
+export declare function CustomSelect({ value, onChange, options, className, placeholder, ariaLabel, }: ICustomSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=custom-select.d.ts.map

package/dist/components/organisms/custom-select/custom-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-select.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/custom-select/custom-select.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAc,EACd,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,+BA8DpB"}

package/dist/components/organisms/custom-select/custom-select.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+function CustomSelect({
+  value,
+  onChange,
+  options,
+  className = "",
+  placeholder,
+  ariaLabel
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const containerRef = useRef(null);
+  const selectedOption = options.find((o) => o.value === value) ?? options[0];
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, ref: containerRef, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": ariaLabel,
+        "aria-expanded": isOpen,
+        className: "flex w-full items-center justify-between gap-2 rounded-lg border border-border-strong bg-surface px-3 py-2 text-left text-sm text-foreground",
+        onClick: () => setIsOpen(!isOpen),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate", children: selectedOption?.label ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "h-4 w-4 shrink-0 text-muted transition-transform",
+              style: { transform: isOpen ? "rotate(180deg)" : "none" },
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx("ul", { className: "absolute start-0 top-full z-50 mt-1 max-h-60 min-w-full overflow-y-auto rounded-xl border border-border-base bg-surface shadow-lg", children: options.map((option) => {
+      const isActive = option.value === value;
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: `cursor-pointer whitespace-nowrap px-3 py-2 text-sm transition-colors ${isActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-surface-muted"}`,
+          onClick: () => {
+            onChange(option.value);
+            setIsOpen(false);
+          },
+          children: option.label
+        },
+        option.value
+      );
+    }) })
+  ] });
+}
+export {
+  CustomSelect
+};
+//# sourceMappingURL=custom-select.js.map

package/dist/components/organisms/custom-select/custom-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/custom-select/custom-select.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nexport interface ICustomSelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface ICustomSelectProps {\n  value: string;\n  onChange: (value: string) => void;\n  options: ICustomSelectOption[];\n  className?: string;\n  placeholder?: string;\n  ariaLabel?: string;\n}\n\n/**\n * Click-outside-dismissible custom select. Pure client component with no\n * external dependencies. Uses semantic design tokens for theming.\n */\nexport function CustomSelect({\n  value,\n  onChange,\n  options,\n  className = \"\",\n  placeholder,\n  ariaLabel,\n}: ICustomSelectProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const selectedOption = options.find((o) => o.value === value) ?? options[0];\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, []);\n\n  return (\n    <div className={`relative ${className}`} ref={containerRef}>\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        aria-expanded={isOpen}\n        className=\"flex w-full items-center justify-between gap-2 rounded-lg border border-border-strong bg-surface px-3 py-2 text-left text-sm text-foreground\"\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <span className=\"block truncate\">{selectedOption?.label ?? placeholder ?? \"\"}</span>\n        <svg\n          className=\"h-4 w-4 shrink-0 text-muted transition-transform\"\n          style={{ transform: isOpen ? \"rotate(180deg)\" : \"none\" }}\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </button>\n\n      {isOpen && (\n        <ul className=\"absolute start-0 top-full z-50 mt-1 max-h-60 min-w-full overflow-y-auto rounded-xl border border-border-base bg-surface shadow-lg\">\n          {options.map((option) => {\n            const isActive = option.value === value;\n            return (\n              <li\n                key={option.value}\n                className={`cursor-pointer whitespace-nowrap px-3 py-2 text-sm transition-colors ${\n                  isActive\n                    ? \"bg-primary/10 text-primary\"\n                    : \"text-foreground hover:bg-surface-muted\"\n                }`}\n                onClick={() => {\n                  onChange(option.value);\n                  setIsOpen(false);\n                }}\n              >\n                {option.label}\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+CM,SAOE,KAPF;AA7CN,SAAS,WAAW,QAAQ,gBAAgB;AAoBrC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,iBAAiB,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK,KAAK,QAAQ,CAAC;AAE1E,YAAU,MAAM;AACd,aAAS,mBAAmB,OAAmB;AAC7C,UAAI,aAAa,WAAW,CAAC,aAAa,QAAQ,SAAS,MAAM,MAAc,GAAG;AAChF,kBAAU,KAAK;AAAA,MACjB;AAAA,IACF;AACA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC3E,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,SAAI,WAAW,YAAY,SAAS,IAAI,KAAK,cAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,iBAAe;AAAA,QACf,WAAU;AAAA,QACV,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,QAEhC;AAAA,8BAAC,UAAK,WAAU,kBAAkB,0BAAgB,SAAS,eAAe,IAAG;AAAA,UAC7E;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,WAAW,SAAS,mBAAmB,OAAO;AAAA,cACvD,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,QAAO;AAAA,cAEP,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,kBAAiB;AAAA;AAAA,UACxF;AAAA;AAAA;AAAA,IACF;AAAA,IAEC,UACC,oBAAC,QAAG,WAAU,qIACX,kBAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,WAAW,OAAO,UAAU;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,wEACT,WACI,+BACA,wCACN;AAAA,UACA,SAAS,MAAM;AACb,qBAAS,OAAO,KAAK;AACrB,sBAAU,KAAK;AAAA,UACjB;AAAA,UAEC,iBAAO;AAAA;AAAA,QAXH,OAAO;AAAA,MAYd;AAAA,IAEJ,CAAC,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/organisms/custom-select/index.d.ts

@@ -0,0 +1,3 @@
+export { CustomSelect } from "./custom-select.js";
+export type { ICustomSelectProps, ICustomSelectOption } from "./custom-select.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/custom-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/custom-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/organisms/custom-select/index.js

@@ -0,0 +1,5 @@
+import { CustomSelect } from "./custom-select.js";
+export {
+  CustomSelect
+};
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/custom-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/custom-select/index.ts"],"sourcesContent":["export { CustomSelect } from \"./custom-select.js\";\nexport type { ICustomSelectProps, ICustomSelectOption } from \"./custom-select.js\";\n"],"mappings":"AAAA,SAAS,oBAAoB;","names":[]}

package/dist/components/organisms/data-grid/data-grid.d.ts

@@ -0,0 +1,74 @@
+import { type ReactNode } from "react";
+import { ColumnAlignEnum, SortDirectionEnum } from "./data-grid.type.js";
+export interface IDataGridSelectOption {
+    label: string;
+    value: string;
+}
+export interface IDataGridTextFilter {
+    kind: "text";
+    placeholder?: string;
+}
+export interface IDataGridSelectFilter {
+    kind: "select";
+    options: ReadonlyArray<IDataGridSelectOption>;
+    placeholder?: string;
+}
+export type IDataGridColumnFilter = IDataGridTextFilter | IDataGridSelectFilter;
+export interface IDataGridColumn<TRow, TKey extends string = string> {
+    /** Stable key used for sort identity and React keys. */
+    key: TKey;
+    /** Column header content. */
+    header: ReactNode;
+    /** Extract a sortable/display value from a row. */
+    accessor: (row: TRow) => ReactNode;
+    /** Custom renderer. Falls back to `accessor(row)` when omitted. */
+    render?: (row: TRow, index: number) => ReactNode;
+    /** Primitive value used for local sorting. Defaults to `accessor(row)`. */
+    sortValue?: (row: TRow) => string | number | Date;
+    sortable?: boolean;
+    /** Enable a filter input in the filter row for this column. */
+    filter?: IDataGridColumnFilter;
+    /** Primitive value used for local filtering. Defaults to `String(accessor(row))`. */
+    filterValue?: (row: TRow) => string;
+    align?: ColumnAlignEnum;
+    /** Width as Tailwind utility (e.g. "w-24", "min-w-[120px]"). */
+    widthClassName?: string;
+    /** Extra cell-level className applied to every td in this column. */
+    cellClassName?: string;
+}
+export interface IDataGridSort<TKey extends string = string> {
+    key: TKey;
+    direction: SortDirectionEnum;
+}
+export type IDataGridFilters<TKey extends string = string> = Partial<Record<TKey, string>>;
+export interface IDataGridProps<TRow, TKey extends string = string> {
+    columns: ReadonlyArray<IDataGridColumn<TRow, TKey>>;
+    rows: ReadonlyArray<TRow>;
+    rowKey: (row: TRow, index: number) => string | number;
+    sort?: IDataGridSort<TKey>;
+    onSortChange?: (sort: IDataGridSort<TKey>) => void;
+    selectedKeys?: ReadonlyArray<string | number>;
+    onSelectionChange?: (keys: Array<string | number>) => void;
+    /** Controlled filter values keyed by column `key`. */
+    filters?: IDataGridFilters<TKey>;
+    onFiltersChange?: (next: IDataGridFilters<TKey>) => void;
+    /** When true, apply filters locally on `rows`. Defaults to true. Set `false` for server-side filtering. */
+    localFilter?: boolean;
+    loading?: boolean;
+    emptyState?: ReactNode;
+    className?: string;
+    onRowClick?: (row: TRow, index: number) => void;
+    stickyHeader?: boolean;
+}
+/**
+ * Headless-ish typed data grid. Sort, filter, and selection state is lifted
+ * to the caller so the grid stays controlled. When no `onSortChange` /
+ * `onFiltersChange` are provided the grid still applies them locally, which
+ * lets you opt into server-side handling by not providing local data.
+ *
+ * Filtering: set `filter` on any column to render a filter input in the
+ * filter row. Pass controlled `filters` + `onFiltersChange` to capture
+ * filter state. `localFilter={false}` disables the built-in filter pass.
+ */
+export declare function DataGrid<TRow, TKey extends string = string>({ columns, rows, rowKey, sort, onSortChange, selectedKeys, onSelectionChange, filters, onFiltersChange, localFilter, loading, emptyState, className, onRowClick, stickyHeader, }: IDataGridProps<TRow, TKey>): import("react").JSX.Element;
+//# sourceMappingURL=data-grid.d.ts.map

package/dist/components/organisms/data-grid/data-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/data-grid/data-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAEhF,MAAM,WAAW,eAAe,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM;IACjE,wDAAwD;IACxD,GAAG,EAAE,IAAI,CAAC;IACV,6BAA6B;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,SAAS,CAAC;IACnC,mEAAmE;IACnE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACjD,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qFAAqF;IACrF,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,gEAAgE;IAChE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACzD,GAAG,EAAE,IAAI,CAAC;IACV,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAE3F,MAAM,WAAW,cAAc,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM;IAChE,OAAO,EAAE,aAAa,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACtD,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3D,sDAAsD;IACtD,OAAO,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACzD,2GAA2G;IAC3G,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA+FD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,WAAkB,EAClB,OAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAoB,GACrB,EAAE,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,+BAyK5B"}

package/dist/components/organisms/data-grid/data-grid.js

@@ -0,0 +1,289 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useCallback,
+  useMemo
+} from "react";
+import { cn } from "../../../utils/cn.js";
+import { Checkbox } from "../../atoms/checkbox/checkbox.js";
+import { Spinner } from "../../atoms/spinner/spinner.js";
+import { Input } from "../../atoms/input/input.js";
+import { ColumnAlignEnum, SortDirectionEnum } from "./data-grid.type.js";
+const ALIGN_CLASSNAME = {
+  [ColumnAlignEnum.START]: "text-start",
+  [ColumnAlignEnum.CENTER]: "text-center",
+  [ColumnAlignEnum.END]: "text-end"
+};
+function SortIndicator({ active, direction }) {
+  if (!active) {
+    return /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 text-zinc-300 dark:text-zinc-600", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 3.5l3 4H5l3-4zM8 12.5l-3-4h6l-3 4z" }) });
+  }
+  return direction === SortDirectionEnum.ASC ? /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 4l4 5.5H4L8 4z" }) }) : /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 12L4 6.5h8L8 12z" }) });
+}
+function toComparable(value) {
+  if (typeof value === "string" || typeof value === "number") return value;
+  if (value instanceof Date) return value;
+  if (value === null || value === void 0 || typeof value === "boolean") {
+    return String(value ?? "");
+  }
+  return String(value);
+}
+function getFilterValue(column, row) {
+  if (column.filterValue) return column.filterValue(row);
+  const raw = column.accessor(row);
+  if (typeof raw === "string" || typeof raw === "number") return String(raw);
+  if (raw === null || raw === void 0 || typeof raw === "boolean") return String(raw ?? "");
+  return String(raw);
+}
+function filterRows(rows, columns, filters) {
+  if (!filters) return rows;
+  const active = columns.filter((c) => {
+    const value = filters[c.key];
+    return c.filter && value !== void 0 && value !== "";
+  });
+  if (active.length === 0) return rows;
+  return rows.filter(
+    (row) => active.every((column) => {
+      const needle = String(filters[column.key] ?? "").toLowerCase();
+      if (!needle) return true;
+      const hay = getFilterValue(column, row).toLowerCase();
+      if (column.filter?.kind === "select") return hay === needle;
+      return hay.includes(needle);
+    })
+  );
+}
+function sortRows(rows, columns, sort) {
+  if (!sort) return rows;
+  const col = columns.find((c) => c.key === sort.key);
+  if (!col || !col.sortable) return rows;
+  const getValue = col.sortValue ?? ((row) => toComparable(col.accessor(row)));
+  const copy = [...rows];
+  copy.sort((a, b) => {
+    const aVal = getValue(a);
+    const bVal = getValue(b);
+    const aComparable = aVal instanceof Date ? aVal.getTime() : aVal;
+    const bComparable = bVal instanceof Date ? bVal.getTime() : bVal;
+    if (aComparable === bComparable) return 0;
+    const cmp = aComparable < bComparable ? -1 : 1;
+    return sort.direction === SortDirectionEnum.ASC ? cmp : -cmp;
+  });
+  return copy;
+}
+function DataGrid({
+  columns,
+  rows,
+  rowKey,
+  sort,
+  onSortChange,
+  selectedKeys,
+  onSelectionChange,
+  filters,
+  onFiltersChange,
+  localFilter = true,
+  loading = false,
+  emptyState,
+  className,
+  onRowClick,
+  stickyHeader = false
+}) {
+  const selectable = selectedKeys !== void 0 && onSelectionChange !== void 0;
+  const selectedSet = useMemo(() => new Set(selectedKeys ?? []), [selectedKeys]);
+  const hasColumnFilters = useMemo(() => columns.some((c) => c.filter), [columns]);
+  const filterable = hasColumnFilters && filters !== void 0 && onFiltersChange !== void 0;
+  const filteredRows = useMemo(
+    () => filterable && localFilter ? filterRows(rows, columns, filters) : rows,
+    [filterable, localFilter, rows, columns, filters]
+  );
+  const displayRows = useMemo(
+    () => sortRows(filteredRows, columns, sort),
+    [filteredRows, columns, sort]
+  );
+  const handleHeaderClick = useCallback(
+    (column) => {
+      if (!column.sortable || !onSortChange) return;
+      if (sort?.key === column.key) {
+        const next = sort.direction === SortDirectionEnum.ASC ? SortDirectionEnum.DESC : SortDirectionEnum.ASC;
+        onSortChange({ key: column.key, direction: next });
+      } else {
+        onSortChange({ key: column.key, direction: SortDirectionEnum.ASC });
+      }
+    },
+    [sort, onSortChange]
+  );
+  const setFilterValue = useCallback(
+    (key, value) => {
+      if (!onFiltersChange) return;
+      const next = { ...filters ?? {} };
+      if (value === "") {
+        delete next[key];
+      } else {
+        next[key] = value;
+      }
+      onFiltersChange(next);
+    },
+    [filters, onFiltersChange]
+  );
+  const allSelected = selectable && displayRows.length > 0 && displayRows.every((row, i) => selectedSet.has(rowKey(row, i)));
+  const someSelected = selectable && displayRows.some((row, i) => selectedSet.has(rowKey(row, i)));
+  const toggleAll = () => {
+    if (!selectable || !onSelectionChange) return;
+    if (allSelected) onSelectionChange([]);
+    else onSelectionChange(displayRows.map((row, i) => rowKey(row, i)));
+  };
+  const toggleRow = (key) => {
+    if (!selectable || !onSelectionChange) return;
+    const next = new Set(selectedSet);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    onSelectionChange(Array.from(next));
+  };
+  const totalCols = columns.length + (selectable ? 1 : 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative overflow-x-auto rounded-xl border border-border-base bg-surface",
+        className
+      ),
+      children: [
+        loading ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-surface/60 backdrop-blur-sm", children: /* @__PURE__ */ jsx(Spinner, { size: "lg", tone: "accent", label: "Loading data" }) }) : null,
+        /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsxs("thead", { children: [
+            /* @__PURE__ */ jsxs(
+              "tr",
+              {
+                className: cn(
+                  "border-b border-border-base bg-surface-muted text-xs uppercase tracking-wide text-muted-foreground",
+                  stickyHeader && "sticky top-0"
+                ),
+                children: [
+                  selectable ? /* @__PURE__ */ jsx("th", { className: "w-10 px-3 py-3 text-center", children: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: allSelected ? true : someSelected ? "indeterminate" : false,
+                      onCheckedChange: toggleAll,
+                      "aria-label": "Select all rows"
+                    }
+                  ) }) : null,
+                  columns.map((column) => /* @__PURE__ */ jsx(
+                    HeaderCell,
+                    {
+                      column,
+                      active: sort?.key === column.key,
+                      direction: sort?.direction ?? SortDirectionEnum.ASC,
+                      onClick: handleHeaderClick
+                    },
+                    column.key
+                  ))
+                ]
+              }
+            ),
+            filterable ? /* @__PURE__ */ jsxs("tr", { className: "border-b border-border-base bg-surface", children: [
+              selectable ? /* @__PURE__ */ jsx("th", { className: "w-10 px-3 py-2" }) : null,
+              columns.map((column) => /* @__PURE__ */ jsx("th", { className: cn("px-3 py-2 align-middle", column.widthClassName), children: column.filter ? /* @__PURE__ */ jsx(
+                FilterCell,
+                {
+                  column,
+                  value: filters?.[column.key] ?? "",
+                  onChange: (value) => setFilterValue(column.key, value)
+                }
+              ) : null }, column.key))
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("tbody", { children: displayRows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalCols, className: "px-4 py-16 text-center text-sm text-muted-foreground", children: emptyState ?? "No data" }) }) : displayRows.map((row, index) => {
+            const key = rowKey(row, index);
+            const isSelected = selectedSet.has(key);
+            return /* @__PURE__ */ jsxs(
+              "tr",
+              {
+                onClick: onRowClick ? () => onRowClick(row, index) : void 0,
+                className: cn(
+                  "border-b border-border-base transition-colors last:border-b-0",
+                  onRowClick && "cursor-pointer hover:bg-surface-muted",
+                  isSelected && "bg-blue-50 dark:bg-blue-950/30"
+                ),
+                children: [
+                  selectable ? /* @__PURE__ */ jsx("td", { className: "w-10 px-3 py-3 text-center", onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: isSelected,
+                      onCheckedChange: () => toggleRow(key),
+                      "aria-label": `Select row ${index + 1}`
+                    }
+                  ) }) : null,
+                  columns.map((column) => /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      className: cn(
+                        "px-4 py-3",
+                        ALIGN_CLASSNAME[column.align ?? ColumnAlignEnum.START],
+                        column.widthClassName,
+                        column.cellClassName
+                      ),
+                      children: column.render ? column.render(row, index) : column.accessor(row)
+                    },
+                    column.key
+                  ))
+                ]
+              },
+              key
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function FilterCell({ column, value, onChange }) {
+  const filter = column.filter;
+  if (!filter) return null;
+  if (filter.kind === "select") {
+    return /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value,
+        onChange: (event) => onChange(event.target.value),
+        "aria-label": `Filter ${typeof column.header === "string" ? column.header : column.key}`,
+        className: "h-8 w-full rounded-md border border-border-base bg-surface px-2 text-xs text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: filter.placeholder ?? "All" }),
+          filter.options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      type: "search",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder: filter.placeholder ?? "Filter",
+      "aria-label": `Filter ${typeof column.header === "string" ? column.header : column.key}`,
+      className: "h-8 text-xs"
+    }
+  );
+}
+function HeaderCell({ column, active, direction, onClick }) {
+  const align = ALIGN_CLASSNAME[column.align ?? ColumnAlignEnum.START];
+  const content = /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1", align), children: [
+    column.header,
+    column.sortable ? /* @__PURE__ */ jsx(SortIndicator, { active, direction }) : null
+  ] });
+  if (!column.sortable) {
+    return /* @__PURE__ */ jsx("th", { scope: "col", className: cn("px-4 py-3 font-medium", align, column.widthClassName), children: content });
+  }
+  return /* @__PURE__ */ jsx("th", { scope: "col", className: cn("px-4 py-3 font-medium", align, column.widthClassName), children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onClick(column),
+      className: "inline-flex items-center gap-1 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
+      children: content
+    }
+  ) });
+}
+export {
+  DataGrid
+};
+//# sourceMappingURL=data-grid.js.map

package/dist/components/organisms/data-grid/data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/data-grid/data-grid.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  type ThHTMLAttributes,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\nimport { Checkbox } from \"../../atoms/checkbox/checkbox.js\";\nimport { Spinner } from \"../../atoms/spinner/spinner.js\";\nimport { Input } from \"../../atoms/input/input.js\";\nimport { ColumnAlignEnum, SortDirectionEnum } from \"./data-grid.type.js\";\n\nexport interface IDataGridSelectOption {\n  label: string;\n  value: string;\n}\n\nexport interface IDataGridTextFilter {\n  kind: \"text\";\n  placeholder?: string;\n}\n\nexport interface IDataGridSelectFilter {\n  kind: \"select\";\n  options: ReadonlyArray<IDataGridSelectOption>;\n  placeholder?: string;\n}\n\nexport type IDataGridColumnFilter = IDataGridTextFilter | IDataGridSelectFilter;\n\nexport interface IDataGridColumn<TRow, TKey extends string = string> {\n  /** Stable key used for sort identity and React keys. */\n  key: TKey;\n  /** Column header content. */\n  header: ReactNode;\n  /** Extract a sortable/display value from a row. */\n  accessor: (row: TRow) => ReactNode;\n  /** Custom renderer. Falls back to `accessor(row)` when omitted. */\n  render?: (row: TRow, index: number) => ReactNode;\n  /** Primitive value used for local sorting. Defaults to `accessor(row)`. */\n  sortValue?: (row: TRow) => string | number | Date;\n  sortable?: boolean;\n  /** Enable a filter input in the filter row for this column. */\n  filter?: IDataGridColumnFilter;\n  /** Primitive value used for local filtering. Defaults to `String(accessor(row))`. */\n  filterValue?: (row: TRow) => string;\n  align?: ColumnAlignEnum;\n  /** Width as Tailwind utility (e.g. \"w-24\", \"min-w-[120px]\"). */\n  widthClassName?: string;\n  /** Extra cell-level className applied to every td in this column. */\n  cellClassName?: string;\n}\n\nexport interface IDataGridSort<TKey extends string = string> {\n  key: TKey;\n  direction: SortDirectionEnum;\n}\n\nexport type IDataGridFilters<TKey extends string = string> = Partial<Record<TKey, string>>;\n\nexport interface IDataGridProps<TRow, TKey extends string = string> {\n  columns: ReadonlyArray<IDataGridColumn<TRow, TKey>>;\n  rows: ReadonlyArray<TRow>;\n  rowKey: (row: TRow, index: number) => string | number;\n  sort?: IDataGridSort<TKey>;\n  onSortChange?: (sort: IDataGridSort<TKey>) => void;\n  selectedKeys?: ReadonlyArray<string | number>;\n  onSelectionChange?: (keys: Array<string | number>) => void;\n  /** Controlled filter values keyed by column `key`. */\n  filters?: IDataGridFilters<TKey>;\n  onFiltersChange?: (next: IDataGridFilters<TKey>) => void;\n  /** When true, apply filters locally on `rows`. Defaults to true. Set `false` for server-side filtering. */\n  localFilter?: boolean;\n  loading?: boolean;\n  emptyState?: ReactNode;\n  className?: string;\n  onRowClick?: (row: TRow, index: number) => void;\n  stickyHeader?: boolean;\n}\n\nconst ALIGN_CLASSNAME: Record<ColumnAlignEnum, string> = {\n  [ColumnAlignEnum.START]: \"text-start\",\n  [ColumnAlignEnum.CENTER]: \"text-center\",\n  [ColumnAlignEnum.END]: \"text-end\",\n};\n\nfunction SortIndicator({ active, direction }: { active: boolean; direction: SortDirectionEnum }) {\n  if (!active) {\n    return (\n      <svg className=\"h-3.5 w-3.5 text-zinc-300 dark:text-zinc-600\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden>\n        <path d=\"M8 3.5l3 4H5l3-4zM8 12.5l-3-4h6l-3 4z\" />\n      </svg>\n    );\n  }\n  return direction === SortDirectionEnum.ASC ? (\n    <svg className=\"h-3.5 w-3.5\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden>\n      <path d=\"M8 4l4 5.5H4L8 4z\" />\n    </svg>\n  ) : (\n    <svg className=\"h-3.5 w-3.5\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden>\n      <path d=\"M8 12L4 6.5h8L8 12z\" />\n    </svg>\n  );\n}\n\ntype ISortablePrimitive = string | number | Date;\n\nfunction toComparable(value: ReactNode): ISortablePrimitive {\n  if (typeof value === \"string\" || typeof value === \"number\") return value;\n  if (value instanceof Date) return value;\n  if (value === null || value === undefined || typeof value === \"boolean\") {\n    return String(value ?? \"\");\n  }\n  return String(value);\n}\n\nfunction getFilterValue<TRow, TKey extends string>(\n  column: IDataGridColumn<TRow, TKey>,\n  row: TRow,\n): string {\n  if (column.filterValue) return column.filterValue(row);\n  const raw = column.accessor(row);\n  if (typeof raw === \"string\" || typeof raw === \"number\") return String(raw);\n  if (raw === null || raw === undefined || typeof raw === \"boolean\") return String(raw ?? \"\");\n  return String(raw);\n}\n\nfunction filterRows<TRow, TKey extends string>(\n  rows: ReadonlyArray<TRow>,\n  columns: ReadonlyArray<IDataGridColumn<TRow, TKey>>,\n  filters: IDataGridFilters<TKey> | undefined,\n): ReadonlyArray<TRow> {\n  if (!filters) return rows;\n  const active = columns.filter((c) => {\n    const value = filters[c.key];\n    return c.filter && value !== undefined && value !== \"\";\n  });\n  if (active.length === 0) return rows;\n  return rows.filter((row) =>\n    active.every((column) => {\n      const needle = String(filters[column.key] ?? \"\").toLowerCase();\n      if (!needle) return true;\n      const hay = getFilterValue(column, row).toLowerCase();\n      if (column.filter?.kind === \"select\") return hay === needle;\n      return hay.includes(needle);\n    }),\n  );\n}\n\nfunction sortRows<TRow, TKey extends string>(\n  rows: ReadonlyArray<TRow>,\n  columns: ReadonlyArray<IDataGridColumn<TRow, TKey>>,\n  sort: IDataGridSort<TKey> | undefined,\n): ReadonlyArray<TRow> {\n  if (!sort) return rows;\n  const col = columns.find((c) => c.key === sort.key);\n  if (!col || !col.sortable) return rows;\n\n  const getValue: (row: TRow) => ISortablePrimitive =\n    col.sortValue ?? ((row: TRow) => toComparable(col.accessor(row)));\n  const copy = [...rows];\n  copy.sort((a, b) => {\n    const aVal = getValue(a);\n    const bVal = getValue(b);\n    const aComparable = aVal instanceof Date ? aVal.getTime() : aVal;\n    const bComparable = bVal instanceof Date ? bVal.getTime() : bVal;\n    if (aComparable === bComparable) return 0;\n    const cmp = aComparable < bComparable ? -1 : 1;\n    return sort.direction === SortDirectionEnum.ASC ? cmp : -cmp;\n  });\n  return copy;\n}\n\n/**\n * Headless-ish typed data grid. Sort, filter, and selection state is lifted\n * to the caller so the grid stays controlled. When no `onSortChange` /\n * `onFiltersChange` are provided the grid still applies them locally, which\n * lets you opt into server-side handling by not providing local data.\n *\n * Filtering: set `filter` on any column to render a filter input in the\n * filter row. Pass controlled `filters` + `onFiltersChange` to capture\n * filter state. `localFilter={false}` disables the built-in filter pass.\n */\nexport function DataGrid<TRow, TKey extends string = string>({\n  columns,\n  rows,\n  rowKey,\n  sort,\n  onSortChange,\n  selectedKeys,\n  onSelectionChange,\n  filters,\n  onFiltersChange,\n  localFilter = true,\n  loading = false,\n  emptyState,\n  className,\n  onRowClick,\n  stickyHeader = false,\n}: IDataGridProps<TRow, TKey>) {\n  const selectable = selectedKeys !== undefined && onSelectionChange !== undefined;\n  const selectedSet = useMemo(() => new Set(selectedKeys ?? []), [selectedKeys]);\n\n  const hasColumnFilters = useMemo(() => columns.some((c) => c.filter), [columns]);\n  const filterable = hasColumnFilters && filters !== undefined && onFiltersChange !== undefined;\n\n  const filteredRows = useMemo(\n    () => (filterable && localFilter ? filterRows(rows, columns, filters) : rows),\n    [filterable, localFilter, rows, columns, filters],\n  );\n  const displayRows = useMemo(\n    () => sortRows(filteredRows, columns, sort),\n    [filteredRows, columns, sort],\n  );\n\n  const handleHeaderClick = useCallback(\n    (column: IDataGridColumn<TRow, TKey>) => {\n      if (!column.sortable || !onSortChange) return;\n      if (sort?.key === column.key) {\n        const next = sort.direction === SortDirectionEnum.ASC ? SortDirectionEnum.DESC : SortDirectionEnum.ASC;\n        onSortChange({ key: column.key, direction: next });\n      } else {\n        onSortChange({ key: column.key, direction: SortDirectionEnum.ASC });\n      }\n    },\n    [sort, onSortChange],\n  );\n\n  const setFilterValue = useCallback(\n    (key: TKey, value: string) => {\n      if (!onFiltersChange) return;\n      const next: IDataGridFilters<TKey> = { ...(filters ?? {}) };\n      if (value === \"\") {\n        delete next[key];\n      } else {\n        next[key] = value;\n      }\n      onFiltersChange(next);\n    },\n    [filters, onFiltersChange],\n  );\n\n  const allSelected = selectable && displayRows.length > 0 && displayRows.every((row, i) => selectedSet.has(rowKey(row, i)));\n  const someSelected = selectable && displayRows.some((row, i) => selectedSet.has(rowKey(row, i)));\n\n  const toggleAll = () => {\n    if (!selectable || !onSelectionChange) return;\n    if (allSelected) onSelectionChange([]);\n    else onSelectionChange(displayRows.map((row, i) => rowKey(row, i)));\n  };\n\n  const toggleRow = (key: string | number) => {\n    if (!selectable || !onSelectionChange) return;\n    const next = new Set(selectedSet);\n    if (next.has(key)) next.delete(key);\n    else next.add(key);\n    onSelectionChange(Array.from(next));\n  };\n\n  const totalCols = columns.length + (selectable ? 1 : 0);\n\n  return (\n    <div\n      className={cn(\n        \"relative overflow-x-auto rounded-xl border border-border-base bg-surface\",\n        className,\n      )}\n    >\n      {loading ? (\n        <div className=\"absolute inset-0 z-10 flex items-center justify-center bg-surface/60 backdrop-blur-sm\">\n          <Spinner size=\"lg\" tone=\"accent\" label=\"Loading data\" />\n        </div>\n      ) : null}\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr\n            className={cn(\n              \"border-b border-border-base bg-surface-muted text-xs uppercase tracking-wide text-muted-foreground\",\n              stickyHeader && \"sticky top-0\",\n            )}\n          >\n            {selectable ? (\n              <th className=\"w-10 px-3 py-3 text-center\">\n                <Checkbox\n                  checked={allSelected ? true : someSelected ? \"indeterminate\" : false}\n                  onCheckedChange={toggleAll}\n                  aria-label=\"Select all rows\"\n                />\n              </th>\n            ) : null}\n            {columns.map((column) => (\n              <HeaderCell\n                key={column.key}\n                column={column}\n                active={sort?.key === column.key}\n                direction={sort?.direction ?? SortDirectionEnum.ASC}\n                onClick={handleHeaderClick}\n              />\n            ))}\n          </tr>\n          {filterable ? (\n            <tr className=\"border-b border-border-base bg-surface\">\n              {selectable ? <th className=\"w-10 px-3 py-2\" /> : null}\n              {columns.map((column) => (\n                <th key={column.key} className={cn(\"px-3 py-2 align-middle\", column.widthClassName)}>\n                  {column.filter ? (\n                    <FilterCell\n                      column={column}\n                      value={filters?.[column.key] ?? \"\"}\n                      onChange={(value) => setFilterValue(column.key, value)}\n                    />\n                  ) : null}\n                </th>\n              ))}\n            </tr>\n          ) : null}\n        </thead>\n        <tbody>\n          {displayRows.length === 0 ? (\n            <tr>\n              <td colSpan={totalCols} className=\"px-4 py-16 text-center text-sm text-muted-foreground\">\n                {emptyState ?? \"No data\"}\n              </td>\n            </tr>\n          ) : (\n            displayRows.map((row, index) => {\n              const key = rowKey(row, index);\n              const isSelected = selectedSet.has(key);\n              return (\n                <tr\n                  key={key}\n                  onClick={onRowClick ? () => onRowClick(row, index) : undefined}\n                  className={cn(\n                    \"border-b border-border-base transition-colors last:border-b-0\",\n                    onRowClick && \"cursor-pointer hover:bg-surface-muted\",\n                    isSelected && \"bg-blue-50 dark:bg-blue-950/30\",\n                  )}\n                >\n                  {selectable ? (\n                    <td className=\"w-10 px-3 py-3 text-center\" onClick={(event) => event.stopPropagation()}>\n                      <Checkbox\n                        checked={isSelected}\n                        onCheckedChange={() => toggleRow(key)}\n                        aria-label={`Select row ${index + 1}`}\n                      />\n                    </td>\n                  ) : null}\n                  {columns.map((column) => (\n                    <td\n                      key={column.key}\n                      className={cn(\n                        \"px-4 py-3\",\n                        ALIGN_CLASSNAME[column.align ?? ColumnAlignEnum.START],\n                        column.widthClassName,\n                        column.cellClassName,\n                      )}\n                    >\n                      {column.render ? column.render(row, index) : column.accessor(row)}\n                    </td>\n                  ))}\n                </tr>\n              );\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\ninterface IFilterCellProps<TRow, TKey extends string> {\n  column: IDataGridColumn<TRow, TKey>;\n  value: string;\n  onChange: (next: string) => void;\n}\n\nfunction FilterCell<TRow, TKey extends string>({ column, value, onChange }: IFilterCellProps<TRow, TKey>) {\n  const filter = column.filter;\n  if (!filter) return null;\n\n  if (filter.kind === \"select\") {\n    return (\n      <select\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        aria-label={`Filter ${typeof column.header === \"string\" ? column.header : column.key}`}\n        className=\"h-8 w-full rounded-md border border-border-base bg-surface px-2 text-xs text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <option value=\"\">{filter.placeholder ?? \"All\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  return (\n    <Input\n      type=\"search\"\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      placeholder={filter.placeholder ?? \"Filter\"}\n      aria-label={`Filter ${typeof column.header === \"string\" ? column.header : column.key}`}\n      className=\"h-8 text-xs\"\n    />\n  );\n}\n\ninterface IHeaderCellProps<TRow, TKey extends string> extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"onClick\"> {\n  column: IDataGridColumn<TRow, TKey>;\n  active: boolean;\n  direction: SortDirectionEnum;\n  onClick: (column: IDataGridColumn<TRow, TKey>) => void;\n}\n\nfunction HeaderCell<TRow, TKey extends string>({ column, active, direction, onClick }: IHeaderCellProps<TRow, TKey>) {\n  const align = ALIGN_CLASSNAME[column.align ?? ColumnAlignEnum.START];\n  const content = (\n    <span className={cn(\"inline-flex items-center gap-1\", align)}>\n      {column.header}\n      {column.sortable ? <SortIndicator active={active} direction={direction} /> : null}\n    </span>\n  );\n\n  if (!column.sortable) {\n    return (\n      <th scope=\"col\" className={cn(\"px-4 py-3 font-medium\", align, column.widthClassName)}>\n        {content}\n      </th>\n    );\n  }\n\n  return (\n    <th scope=\"col\" className={cn(\"px-4 py-3 font-medium\", align, column.widthClassName)}>\n      <button\n        type=\"button\"\n        onClick={() => onClick(column)}\n        className=\"inline-flex items-center gap-1 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded\"\n      >\n        {content}\n      </button>\n    </th>\n  );\n}\n"],"mappings":"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","names":[]}