@febkosq8/arc 0.6.7 → 0.7.0

package/dist/button.d.ts

@@ -7,7 +7,7 @@ type VariantClassProps = {
     className: string | undefined;
 };
 type ButtonVariantOptions = VariantClassProps & {
-    variant?: "primary" | "secondary" | "destructive" | "ghost" | "warning" | "outline-primary" | "outline-secondary" | "outline-destructive" | "outline-ghost" | "outline-warning" | null;
+    variant?: "primary" | "secondary" | "success" | "destructive" | "ghost" | "warning" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-destructive" | "outline-ghost" | "outline-warning" | null;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null;
 };
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {

package/dist/grid-loader.d.ts

@@ -0,0 +1,14 @@
+declare const gridLoaderShapes: readonly ["circle", "square", "diamond", "star", "heart", "hexagon"];
+export type GridLoaderShape = (typeof gridLoaderShapes)[number] | "mixed";
+export interface GridLoaderProps extends React.ComponentPropsWithoutRef<"span"> {
+    rows?: number;
+    columns?: number;
+    size?: number;
+    maxSize?: number;
+    shape?: GridLoaderShape;
+    colors?: string[];
+    label?: string;
+    symbols?: string[];
+}
+declare const GridLoader: ({ className, rows, columns, size, maxSize, shape, colors, label, symbols, style, ...props }: GridLoaderProps) => import('react').JSX.Element;
+export default GridLoader;

package/dist/index.d.ts

@@ -13,6 +13,10 @@ export { default as Dropdown } from './dropdown';
 export type { DropdownItem, DropdownProps } from './dropdown';
 export { default as ErrorText } from './error-text';
 export type { ErrorTextProps } from './error-text';
+export { default as GridLoader } from './grid-loader';
+export type { GridLoaderProps, GridLoaderShape } from './grid-loader';
+export { default as LabelField } from './label-field';
+export type { LabelFieldProps } from './label-field';
 export { default as Input } from './input';
 export { default as Card } from './card';
 export { DateHandler } from './date-handler';
@@ -32,6 +36,8 @@ export { default as Select } from './select';
 export type { SelectItem, SelectProps } from './select';
 export { default as Tag } from './tag';
 export type { TagProps, TagVariant } from './tag';
+export { default as Table } from './table';
+export type { TableColumnDef, TableProps } from './table';
 export { default as TextLink } from './text-link';
 export type { TextLinkProps } from './text-link';
 export { default as Switch } from './switch';

package/dist/label-field.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface LabelFieldProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "id"> {
+    id: string;
+    label: string;
+    help?: ReactNode;
+    errors?: unknown[] | string | null;
+}
+declare const LabelField: ({ id, label, help, errors, className, ...props }: LabelFieldProps) => import('react').JSX.Element;
+export default LabelField;

package/dist/preview-card.d.ts

@@ -7,6 +7,8 @@ export interface PreviewCardProps {
     side?: "top" | "bottom" | "left" | "right";
     align?: "start" | "center" | "end";
     className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
-declare const PreviewCard: ({ cardContent, children, trigger, triggerRender, side, align, className, }: PreviewCardProps) => import('react').JSX.Element;
+declare const PreviewCard: ({ cardContent, children, trigger, triggerRender, side, align, className, open, onOpenChange, }: PreviewCardProps) => import('react').JSX.Element;
 export default PreviewCard;

package/dist/table.d.ts

@@ -0,0 +1,30 @@
+export type TableColumnDef = {
+    accessorKey: string;
+    header: string;
+    id?: string;
+    enableResizing?: boolean;
+    enableColumnFilter?: boolean;
+    enableSorting?: boolean;
+    enableHiding?: boolean;
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    filterFn?: string | false | ((...args: any[]) => boolean);
+    filterSelectOptions?: {
+        value: string;
+        label: string;
+    }[];
+    mobileFullWidth?: boolean;
+    cell?: any;
+};
+export type TableProps = {
+    data: any[];
+    columnDef: TableColumnDef[];
+    pageSize?: number;
+    className?: string;
+    showHeader?: boolean;
+    showFilters?: boolean;
+    showSorting?: boolean;
+};
+declare const Table: ({ data, columnDef, pageSize, className, showHeader, showFilters, showSorting, }: TableProps) => import('react').JSX.Element;
+export default Table;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@febkosq8/arc",
 	"description": "A React components library for febkosq8",
 	"private": false,
-	"version": "0.6.7",
+	"version": "0.7.0",
 	"type": "module",
 	"main": "./dist/arc.js",
 	"types": "./dist/index.d.ts",
@@ -33,8 +33,10 @@
 		"react-dom": "19.3.1"
 	},
 	"dependencies": {
-		"@base-ui/react": "1.8.0",
+		"@base-ui/react": "1.9.0",
 		"@rinzai/zen": "0.14.0",
+		"@tanstack/match-sorter-utils": "9.2.6",
+		"@tanstack/react-table": "9.3.1",
 		"luxon": "3.7.2",
 		"react-icons": "5.7.0"
 	},
@@ -48,7 +50,7 @@
 		"@types/react-dom": "19.3.0",
 		"@typescript/typescript6": "6.0.2",
 		"@vitejs/plugin-react": "6.1.2",
-		"eslint": "10.12.0",
+		"eslint": "10.13.0",
 		"prettier": "3.9.10",
 		"prettier-plugin-css-order": "2.2.0",
 		"prettier-plugin-organize-attributes": "1.0.0",