@grasp-labs/ds-react-components 1.0.0 → 1.1.1

package/dist/components/baseButton/BaseButton.styles.d.ts

@@ -1,5 +1,5 @@
 export type Variant = "primary" | "secondary" | "text" | "danger";
 export declare const baseClasses: "\n  inline-flex cursor-pointer items-center justify-center select-none transition-colors leading-none\n  focus-visible:outline-primary focus-visible:outline-1 focus-visible:outline-offset-1\n";
 export declare const variantClasses: Record<Variant, string>;
-export declare const disabledClasses: "\n  disabled:cursor-not-allowed disabled:opacity-50\n";
+export declare const disabledClasses: "disabled:cursor-not-allowed";
 export declare const getBaseButtonClassName: (variant: Variant, className?: string) => string;

package/dist/components/iconButton/IconButton.d.ts

@@ -1,9 +1,10 @@
 import { ComponentType, SVGProps } from 'react';
-import { BaseButtonProps } from '../baseButton';
-export type IconButtonProps = Omit<BaseButtonProps, "children"> & {
+import { BaseButtonProps, Variant } from '../baseButton';
+export type IconButtonProps = Omit<BaseButtonProps, "children" | "variant"> & {
     size?: "small" | "medium";
     icon: ComponentType<SVGProps<SVGSVGElement>>;
     "aria-label"?: string;
+    variant?: Variant | "raw";
 };
 /**
  * A circular icon-only button component for actions requiring minimal visual footprint.
@@ -12,4 +13,4 @@ export type IconButtonProps = Omit<BaseButtonProps, "children"> & {
  * @param props - The props for the IconButton component.
  * @returns The rendered circular icon button.
  */
-export declare const IconButton: ({ size, icon: Icon, className, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ size, icon: Icon, className, variant, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/Sidebar.d.ts

@@ -39,7 +39,7 @@ export type SidebarProps = {
  * ```tsx
  * <Sidebar
  *   logo={<MyLogo />}
- *   footerContent="© 2025 My Company"
+ *   footerContent="© 2026 My Company"
  *   routes={[
  *     { path: "/dashboard", title: "Dashboard", icon: <DashboardIcon /> },
  *     { path: "/settings", title: "Settings", icon: <SettingsIcon />, permissions: ["admin"] }

package/dist/components/table/components/Pagination.d.ts

@@ -1,4 +1,5 @@
-export type PaginationProps = {
+import { HTMLAttributes } from 'react';
+export type PaginationProps = HTMLAttributes<HTMLDivElement> & {
     currentPage: number;
     totalPages: number;
     totalItems: number;
@@ -8,7 +9,6 @@ export type PaginationProps = {
     onItemsPerPageChange: (itemsPerPage: number) => void;
     className?: string;
     selectClassName?: string;
-    itemsPerPageText?: string;
     fromText?: string;
 };
 /**
@@ -18,4 +18,4 @@ export type PaginationProps = {
  * @param props - The props for the Pagination component.
  * @returns The rendered pagination controls with navigation buttons and page info.
  */
-export declare const Pagination: ({ currentPage, totalPages, totalItems, itemsPerPage, itemsPerPageOptions, onPageChange, onItemsPerPageChange, className, itemsPerPageText, fromText, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ currentPage, totalPages, totalItems, itemsPerPage, itemsPerPageOptions, onPageChange, onItemsPerPageChange, className, fromText, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/types.d.ts

@@ -38,13 +38,11 @@ export type TableProps<T> = Omit<TableOptions<T>, "getCoreRowModel" | "getSorted
     paginationProps?: {
         mode?: "client";
         itemsPerPageOptions?: number[];
-        itemsPerPageText?: string;
         fromText?: string;
         totalItems?: never;
     } | {
         mode: "server";
         itemsPerPageOptions?: number[];
-        itemsPerPageText?: string;
         fromText?: string;
         totalItems: number;
     };

package/dist/icons/iconsComponents.d.ts

@@ -5,6 +5,7 @@ export declare const ArrowLeftIcon: IconComponent;
 export declare const ArrowRightIcon: IconComponent;
 export declare const ArrowUpIcon: IconComponent;
 export declare const BellIcon: IconComponent;
+export declare const BriefcaseIcon: IconComponent;
 export declare const CalendarIcon: IconComponent;
 export declare const CautionIcon: IconComponent;
 export declare const CheckIcon: IconComponent;
@@ -31,6 +32,7 @@ export declare const EyeIcon: IconComponent;
 export declare const FileIcon: IconComponent;
 export declare const EyeOffIcon: IconComponent;
 export declare const FilterIcon: IconComponent;
+export declare const GlobeIcon: IconComponent;
 export declare const HourglassIcon: IconComponent;
 export declare const IdeaIcon: IconComponent;
 export declare const InfoIcon: IconComponent;
@@ -52,4 +54,5 @@ export declare const ServerIcon: IconComponent;
 export declare const SuccessIcon: IconComponent;
 export declare const TableIcon: IconComponent;
 export declare const UpIcon: IconComponent;
+export declare const UserIcon: IconComponent;
 export declare const WarningIcon: IconComponent;

package/dist/icons/iconsLazy.d.ts

@@ -35,6 +35,12 @@ export declare const icons: {
         desc?: string;
         descId?: string;
     }>>;
+    readonly briefcase: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
     readonly calendar: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -191,6 +197,12 @@ export declare const icons: {
         desc?: string;
         descId?: string;
     }>>;
+    readonly globe: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
     readonly hourglass: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -317,6 +329,12 @@ export declare const icons: {
         desc?: string;
         descId?: string;
     }>>;
+    readonly user: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
     readonly warning: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;