@febkosq8/arc 0.6.7 → 0.8.0

package/dist/{button.d.ts → components/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/components/grid-loader.d.ts

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

package/dist/components/index.d.ts

@@ -0,0 +1,44 @@
+export { default as Button } from './button';
+export { default as ButtonGroup } from './button-group';
+export { default as DoubleClickButton } from './button-double-click';
+export type { DoubleClickButtonFeedbackContent, DoubleClickButtonFeedbackContext, DoubleClickButtonProps, } from './button-double-click';
+export { default as LongPressButton } from './button-long-press';
+export type { LongPressButtonFeedbackContent, LongPressButtonFeedbackContext, LongPressButtonProps, } from './button-long-press';
+export { default as Avatar } from './avatar';
+export type { AvatarProps, AvatarSize } from './avatar';
+export { default as Divider } from './divider';
+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 { GridLoaderCellShape, 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 { default as InputTimestamp } from './input-timestamp';
+export type { InputTimestampProps } from './input-timestamp';
+export { default as PillLink } from './pill-link';
+export type { PillLinkProps } from './pill-link';
+export { default as Menu } from './menu';
+export { default as Modal } from './modal';
+export type { ModalProps } from './modal';
+export { default as MultiDropdown } from './dropdown-multi';
+export type { MultiDropdownProps } from './dropdown-multi';
+export { default as Pill } from './pill';
+export { default as PreviewCard } from './preview-card';
+export type { PreviewCardProps } from './preview-card';
+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';
+export { default as ThemeSwitcher } from './theme-switcher';
+export type { ThemeSwitcherProps } from './theme-switcher';
+export { default as TypingAnimation } from './typing-animation';
+export type { TypingAnimationPerTickUnit, TypingAnimationAfterString, TypingAnimationProps } from './typing-animation';

package/dist/components/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 → components/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/components/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/dist/index.d.ts

@@ -1,41 +1,2 @@
-export { default as Button } from './button';
-export { default as ButtonGroup } from './button-group';
-export { default as DoubleClickButton } from './button-double-click';
-export type { DoubleClickButtonFeedbackContent, DoubleClickButtonFeedbackContext, DoubleClickButtonProps, } from './button-double-click';
-export { default as LongPressButton } from './button-long-press';
-export type { LongPressButtonFeedbackContent, LongPressButtonFeedbackContext, LongPressButtonProps, } from './button-long-press';
-export { navigateToHashOnLoad, updateHashOnScroll, useHashNavigationOnLoad } from './hash-navigation';
-export type { HashNavigationOptions, UpdateHashOnScrollOptions } from './hash-navigation';
-export { default as Avatar } from './avatar';
-export type { AvatarProps, AvatarSize } from './avatar';
-export { default as Divider } from './divider';
-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 Input } from './input';
-export { default as Card } from './card';
-export { DateHandler } from './date-handler';
-export { default as InputTimestamp } from './input-timestamp';
-export type { InputTimestampProps } from './input-timestamp';
-export { default as PillLink } from './pill-link';
-export type { PillLinkProps } from './pill-link';
-export { default as Menu } from './menu';
-export { default as Modal } from './modal';
-export type { ModalProps } from './modal';
-export { default as MultiDropdown } from './dropdown-multi';
-export type { MultiDropdownProps } from './dropdown-multi';
-export { default as Pill } from './pill';
-export { default as PreviewCard } from './preview-card';
-export type { PreviewCardProps } from './preview-card';
-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 TextLink } from './text-link';
-export type { TextLinkProps } from './text-link';
-export { default as Switch } from './switch';
-export { default as ThemeSwitcher } from './theme-switcher';
-export type { ThemeSwitcherProps } from './theme-switcher';
-export { default as TypingAnimation } from './typing-animation';
-export type { TypingAnimationPerTickUnit, TypingAnimationAfterString, TypingAnimationProps } from './typing-animation';
+export * from './components';
+export * from './utilities';

package/dist/utilities/index.d.ts

@@ -0,0 +1,3 @@
+export { DateHandler } from './date-handler';
+export { navigateToHashOnLoad, updateHashOnScroll, useHashNavigationOnLoad } from './hash-navigation';
+export type { HashNavigationOptions, UpdateHashOnScrollOptions } from './hash-navigation';

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.8.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",