@surfnet/curve-react 0.2.0

package/dist/components/ui/avatar/avatar.d.ts

@@ -0,0 +1,12 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { AvatarSizeName } from '@surfnet/curve-contracts';
+import * as React from 'react';
+declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
+    size?: AvatarSizeName;
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge };

package/dist/components/ui/avatar/avatar.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { Avatar as t } from "@base-ui/react/avatar";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/avatar/avatar.tsx
+function r({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ n(t.Root, {
+		"data-slot": "avatar",
+		"data-size": i,
+		className: e("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", r),
+		...a
+	});
+}
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t.Image, {
+		"data-slot": "avatar-image",
+		className: e("aspect-square size-full rounded-full object-cover", r),
+		...i
+	});
+}
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: e("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", r),
+		...i
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "avatar-badge",
+		className: e("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", t),
+		...r
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "avatar-group",
+		className: e("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "avatar-group-count",
+		className: e("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", t),
+		...r
+	});
+}
+//#endregion
+export { r as Avatar, o as AvatarBadge, a as AvatarFallback, s as AvatarGroup, c as AvatarGroupCount, i as AvatarImage };

package/dist/components/ui/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/dist/components/ui/avatar/index.js

@@ -0,0 +1 @@
+import "./avatar.js";

package/dist/components/ui/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import * as React from 'react';
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<'a'>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/components/ui/breadcrumb/breadcrumb.js

@@ -0,0 +1,74 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { mergeProps as r } from "@base-ui/react/merge-props";
+import { useRender as i } from "@base-ui/react/use-render";
+import { CaretRightIcon as a, DotsThreeIcon as o } from "@phosphor-icons/react";
+//#region src/components/ui/breadcrumb/breadcrumb.tsx
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		className: e(n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground sm:gap-2.5", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1.5", n),
+		...r
+	});
+}
+function u({ className: t, render: n, ...a }) {
+	return i({
+		defaultTagName: "a",
+		props: r({ className: e("transition-colors hover:text-foreground", t) }, a),
+		render: n,
+		state: { slot: "breadcrumb-link" }
+	});
+}
+function d({ className: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: e("font-normal text-foreground", n),
+		...r
+	});
+}
+function f({ children: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("[&>svg]:size-3.5", r),
+		...i,
+		children: n ?? /* @__PURE__ */ t(a, {})
+	});
+}
+function p({ className: r, ...i }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("flex size-5 items-center justify-center [&>svg]:size-4", r),
+		...i,
+		children: [/* @__PURE__ */ t(o, {}), /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };

package/dist/components/ui/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './breadcrumb';

package/dist/components/ui/breadcrumb/index.js

@@ -0,0 +1 @@
+import "./breadcrumb.js";

package/dist/components/ui/button/button.d.ts

@@ -0,0 +1,8 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "default" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/button/button.js

@@ -0,0 +1,46 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Button as n } from "@base-ui/react/button";
+import { cva as r } from "class-variance-authority";
+//#region src/components/ui/button/button.tsx
+var i = r("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-link underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: r, variant: a = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ t(n, {
+		"data-slot": "button",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: r
+		})),
+		...s
+	});
+}
+//#endregion
+export { a as Button, i as buttonVariants };

package/dist/components/ui/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/ui/button/index.js

@@ -0,0 +1 @@
+import "./button.js";

package/dist/components/ui/card/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function Card({ className, size, ...props }: React.ComponentProps<'div'> & {
+    size?: 'default' | 'sm';
+}): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/components/ui/card/card.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/card/card.tsx
+function n({ className: n, size: r = "default", ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card",
+		"data-size": r,
+		className: e("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", n),
+		...i
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-header",
+		className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-title",
+		className: e("font-heading text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-sm text-muted-foreground", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("px-(--card-spacing)", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", n),
+		...r
+	});
+}
+//#endregion
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };

package/dist/components/ui/card/index.d.ts

@@ -0,0 +1 @@
+export * from './card';

package/dist/components/ui/card/index.js

@@ -0,0 +1 @@
+import "./card.js";

package/dist/components/ui/checkbox/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react").JSX.Element;
+export { Checkbox };

package/dist/components/ui/checkbox/checkbox.js

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { CheckIcon as n } from "@phosphor-icons/react";
+import { Checkbox as r } from "@base-ui/react/checkbox";
+//#region src/components/ui/checkbox/checkbox.tsx
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Root, {
+		"data-slot": "checkbox",
+		className: e("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", i),
+		...a,
+		children: /* @__PURE__ */ t(r.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ t(n, {})
+		})
+	});
+}
+//#endregion
+export { i as Checkbox };

package/dist/components/ui/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';

package/dist/components/ui/checkbox/index.js

@@ -0,0 +1 @@
+import "./checkbox.js";

package/dist/components/ui/data-table/data-table.d.ts

@@ -0,0 +1,23 @@
+import { ColumnDef, Table as TanStackTable } from '@tanstack/react-table';
+import * as React from 'react';
+interface DataTableToolbarProps extends React.ComponentProps<'div'> {
+}
+declare function DataTableToolbar({ className, ...props }: DataTableToolbarProps): React.JSX.Element;
+interface DataTableContentProps<TData> extends React.ComponentProps<'div'> {
+    table: TanStackTable<TData>;
+    columns: ColumnDef<TData, unknown>[];
+    /** Content shown in the body when there are no rows. */
+    noResultsLabel?: React.ReactNode;
+}
+declare function DataTableContent<TData>({ table, columns, noResultsLabel, className, ...props }: DataTableContentProps<TData>): React.JSX.Element;
+interface DataTablePaginationProps<TData> extends React.ComponentProps<'div'> {
+    table: TanStackTable<TData>;
+    /** Label for the "previous page" button. */
+    previousLabel?: React.ReactNode;
+    /** Label for the "next page" button. */
+    nextLabel?: React.ReactNode;
+    /** Builds the selection-summary text from the selected and total row counts. */
+    selectionLabel?: (selectedCount: number, totalCount: number) => React.ReactNode;
+}
+declare function DataTablePagination<TData>({ table, previousLabel, nextLabel, selectionLabel, className, ...props }: DataTablePaginationProps<TData>): React.JSX.Element;
+export { DataTableContent, DataTablePagination, DataTableToolbar, type DataTableContentProps, type DataTablePaginationProps, type DataTableToolbarProps, };

package/dist/components/ui/data-table/data-table.js

@@ -0,0 +1,61 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import "../button/index.js";
+import { Table as n, TableBody as r, TableCell as i, TableHead as a, TableHeader as o, TableRow as s } from "../table/table.js";
+import "../table/index.js";
+import "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { flexRender as u } from "@tanstack/react-table";
+//#region src/components/ui/data-table/data-table.tsx
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "data-table-toolbar",
+		className: e("flex items-center gap-2 py-4", t),
+		...n
+	});
+}
+function f({ table: t, columns: d, noResultsLabel: f = "No results.", className: p, ...m }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "data-table-content",
+		className: e("overflow-hidden rounded-md border", p),
+		...m,
+		children: /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(o, { children: t.getHeaderGroups().map((e) => /* @__PURE__ */ c(s, { children: e.headers.map((e) => /* @__PURE__ */ c(a, { children: e.isPlaceholder ? null : u(e.column.columnDef.header, e.getContext()) }, e.id)) }, e.id)) }), /* @__PURE__ */ c(r, { children: t.getRowModel().rows?.length ? t.getRowModel().rows.map((e) => /* @__PURE__ */ c(s, {
+			"data-state": e.getIsSelected() && "selected",
+			children: e.getVisibleCells().map((e) => /* @__PURE__ */ c(i, { children: u(e.column.columnDef.cell, e.getContext()) }, e.id))
+		}, e.id)) : /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(i, {
+			colSpan: d.length,
+			className: "h-24 text-center",
+			children: f
+		}) }) })] })
+	});
+}
+function p({ table: n, previousLabel: r = "Previous", nextLabel: i = "Next", selectionLabel: a = (e, t) => `${e} of ${t} row(s) selected.`, className: o, ...s }) {
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "data-table-pagination",
+		className: e("flex items-center justify-end gap-2 py-4", o),
+		...s,
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex-1 text-sm text-muted-foreground",
+			children: a(n.getFilteredSelectedRowModel().rows.length, n.getFilteredRowModel().rows.length)
+		}), /* @__PURE__ */ l("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ c(t, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => n.previousPage(),
+				disabled: !n.getCanPreviousPage(),
+				children: r
+			}), /* @__PURE__ */ c(t, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => n.nextPage(),
+				disabled: !n.getCanNextPage(),
+				children: i
+			})]
+		})]
+	});
+}
+//#endregion
+export { f as DataTableContent, p as DataTablePagination, d as DataTableToolbar };

package/dist/components/ui/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-table';
+export * from './use-data-table';

package/dist/components/ui/data-table/index.js

@@ -0,0 +1,2 @@
+import "./data-table.js";
+import "./use-data-table.js";

package/dist/components/ui/data-table/use-data-table.d.ts

@@ -0,0 +1,11 @@
+import { ColumnDef, ColumnFiltersState, PaginationState, SortingState, Table as TanStackTable, VisibilityState } from '@tanstack/react-table';
+interface UseDataTableOptions<TData> {
+    data: TData[];
+    columns: ColumnDef<TData, unknown>[];
+    initialSorting?: SortingState;
+    initialColumnFilters?: ColumnFiltersState;
+    initialColumnVisibility?: VisibilityState;
+    initialPagination?: PaginationState;
+}
+declare function useDataTable<TData>({ data, columns, initialSorting, initialColumnFilters, initialColumnVisibility, initialPagination, }: UseDataTableOptions<TData>): TanStackTable<TData>;
+export { useDataTable, type UseDataTableOptions };

package/dist/components/ui/data-table/use-data-table.js

@@ -0,0 +1,33 @@
+"use client";
+"use client";
+import * as e from "react";
+import { getCoreRowModel as t, getFilteredRowModel as n, getPaginationRowModel as r, getSortedRowModel as i, useReactTable as a } from "@tanstack/react-table";
+//#region src/components/ui/data-table/use-data-table.ts
+function o({ data: o, columns: s, initialSorting: c = [], initialColumnFilters: l = [], initialColumnVisibility: u = {}, initialPagination: d = {
+	pageIndex: 0,
+	pageSize: 10
+} }) {
+	let [f, p] = e.useState(c), [m, h] = e.useState(l), [g, _] = e.useState(u), [v, y] = e.useState({}), [b, x] = e.useState(d);
+	return a({
+		data: o,
+		columns: s,
+		onSortingChange: p,
+		onColumnFiltersChange: h,
+		getCoreRowModel: t(),
+		getPaginationRowModel: r(),
+		getSortedRowModel: i(),
+		getFilteredRowModel: n(),
+		onColumnVisibilityChange: _,
+		onRowSelectionChange: y,
+		onPaginationChange: x,
+		state: {
+			sorting: f,
+			columnFilters: m,
+			columnVisibility: g,
+			rowSelection: v,
+			pagination: b
+		}
+	});
+}
+//#endregion
+export { o as useDataTable };

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,30 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { DropdownMenuItemVariantName } from '@surfnet/curve-contracts';
+import * as React from 'react';
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props): React.JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: DropdownMenuItemVariantName;
+}): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };