@engrate/components 0.1.4 → 0.1.6

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

@@ -0,0 +1,38 @@
+import { VariantProps } from 'class-variance-authority';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+declare const accordionVariants: (props?: ({
+    variant?: "default" | "bordered" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type AccordionSingleProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & VariantProps<typeof accordionVariants> & {
+    type: 'single';
+    collapsible?: boolean;
+};
+type AccordionMultipleProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & VariantProps<typeof accordionVariants> & {
+    type: 'multiple';
+};
+type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+declare const Accordion: React.ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "bordered" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+    type: "single";
+    collapsible?: boolean;
+}) | (Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "bordered" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+    type: "multiple";
+})) & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const accordionTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, VariantProps<typeof accordionTriggerVariants> {
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants, accordionTriggerVariants, };
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, };

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

@@ -0,0 +1,2 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants, accordionTriggerVariants, } from './Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './Accordion';

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { buttonVariants } from '../Button';
-import * as React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
 declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
@@ -9,7 +9,7 @@ interface AlertDialogOverlayProps extends React.ComponentPropsWithoutRef<typeof
 }
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
 declare const alertDialogContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>, VariantProps<typeof alertDialogContentVariants> {
 }

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

@@ -0,0 +1,31 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const bannerVariants: (props?: ({
+    variant?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
+    align?: "left" | "center" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    /** Render as a child component (for use with custom wrappers) */
+    asChild?: boolean;
+    /** Optional icon to display before the content */
+    icon?: React.ReactNode;
+    /** Optional action element (button, link, etc.) to display at the end */
+    action?: React.ReactNode;
+    /** Called when the dismiss button is clicked */
+    onDismiss?: () => void;
+}
+/**
+ * Banner component for displaying important messages, announcements, or alerts.
+ * Typically used at the top of a page or section to convey critical information.
+ *
+ * @example
+ * ```tsx
+ * <Banner variant="info">New feature available!</Banner>
+ * <Banner variant="success" onDismiss={() => {}}>Your changes have been saved.</Banner>
+ * <Banner variant="warning" icon={<WarningIcon />}>Please review your settings.</Banner>
+ * <Banner variant="error" action={<Button size="sm">Retry</Button>}>Connection failed.</Banner>
+ * ```
+ */
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export { Banner, bannerVariants };
+export type { BannerProps };

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

@@ -0,0 +1,2 @@
+export { Banner, bannerVariants } from './Banner';
+export type { BannerProps } from './Banner';

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const barChartVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /** A single data point for the bar chart */
 interface BarChartDataPoint {

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const breadcrumbsVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const breadcrumbItemVariants: (props?: ({
     isCurrentPage?: boolean | null | undefined;

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /** Render as a child component (for use with Next.js Link, etc.) */

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const cardVariants: (props?: ({
-    variant?: "ghost" | "default" | "elevated" | null | undefined;
-    padding?: "sm" | "default" | "lg" | "none" | null | undefined;
+    variant?: "default" | "ghost" | "elevated" | null | undefined;
+    padding?: "default" | "none" | "sm" | "lg" | null | undefined;
     bg?: "contrast" | "main" | "sunflower" | "lemon-meringue" | "vanilla" | "eggshell" | "warm-purple" | "cool-purple" | "electric-blue" | "deep-blue" | "error" | "transparent" | "card" | "alt" | "sunflower-hover" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as React from 'react';
 declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
 declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
 declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const eyebrowVariants: (props?: ({
-    variant?: "primary" | "secondary" | "default" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "primary" | "secondary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface EyebrowProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof eyebrowVariants> {
     asChild?: boolean;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare const gridVariants: (props?: ({
     cols?: 1 | 2 | 3 | 4 | 5 | 12 | 6 | null | undefined;
-    gap?: "sm" | "lg" | "none" | "md" | "xl" | "xs" | "2xl" | null | undefined;
+    gap?: "none" | "sm" | "lg" | "md" | "xl" | "xs" | "2xl" | null | undefined;
     align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
     justify?: "end" | "start" | "center" | "stretch" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as React from 'react';
 declare const labelVariants: (props?: ({
-    size?: "sm" | "default" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
 }

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const lineChartVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /** A single data point for the chart */
 interface DataPoint {

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const linkVariants: (props?: ({
     variant?: "default" | "nav" | "muted" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
     /** Render as a child component (for use with Next.js Link, etc.) */

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

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
 declare const Modal: React.FC<DialogPrimitive.DialogProps>;
 declare const ModalTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const ModalPortal: React.FC<DialogPrimitive.DialogPortalProps>;
@@ -9,7 +9,7 @@ interface ModalOverlayProps extends React.ComponentPropsWithoutRef<typeof Dialog
 }
 declare const ModalOverlay: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
 declare const modalContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "full" | null | undefined;
+    size?: "default" | "sm" | "lg" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ModalContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof modalContentVariants> {
     /** Whether to show the default close button in the top-right corner */

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

@@ -0,0 +1,38 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const paginationVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const paginationItemVariants: (props?: ({
+    variant?: "default" | "active" | "ellipsis" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface PaginationProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof paginationVariants> {
+    /** Current page number (1-indexed) */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange?: (page: number) => void;
+    /** Number of sibling pages to show on each side of current page */
+    siblingCount?: number;
+}
+interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof paginationItemVariants> {
+}
+/**
+ * Navigation component for paginated content.
+ * Features numbered page buttons with ellipsis for large page counts.
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   page={currentPage}
+ *   totalPages={10}
+ *   onPageChange={setCurrentPage}
+ * />
+ * ```
+ */
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<PaginationItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { Pagination, paginationVariants, paginationItemVariants, PaginationItem, };
+export type { PaginationProps, PaginationItemProps };

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

@@ -0,0 +1,2 @@
+export { Pagination, paginationVariants, paginationItemVariants, PaginationItem, } from './Pagination';
+export type { PaginationProps, PaginationItemProps } from './Pagination';

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const pieChartVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /** A single data point for the pie chart */
 interface PieChartDataPoint {

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

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const progressIndicatorVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const progressBarVariants: (props?: ({
-    variant?: "default" | "muted" | "success" | null | undefined;
+    variant?: "default" | "success" | "muted" | null | undefined;
     animated?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressIndicatorVariants>, VariantProps<typeof progressBarVariants> {

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const spinnerVariants: (props?: ({
     variant?: "default" | "muted" | "inverted" | null | undefined;
-    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
     /** Accessible label for screen readers */

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const stackVariants: (props?: ({
     direction?: "horizontal" | "vertical" | null | undefined;
-    gap?: "sm" | "lg" | "none" | "md" | "xl" | "xs" | "2xl" | null | undefined;
+    gap?: "none" | "sm" | "lg" | "md" | "xl" | "xs" | "2xl" | null | undefined;
     align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
     justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;

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

@@ -36,7 +36,7 @@ interface TabListProps extends React.HTMLAttributes<HTMLDivElement>, VariantProp
 declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
 declare const tabTriggerVariants: (props?: ({
     variant?: "default" | "pills" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TabTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof tabTriggerVariants> {
     /** Unique value identifying this tab */
@@ -47,7 +47,7 @@ interface TabTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>,
  */
 declare const TabTrigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const tabContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TabContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tabContentVariants> {
     /** Value matching the TabTrigger this content belongs to */

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const textareaVariants: (props?: ({
     variant?: "default" | "error" | null | undefined;
-    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+    resize?: "none" | "horizontal" | "vertical" | "both" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
 }

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

@@ -1,12 +1,12 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as React from 'react';
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> {
 }
 declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
 declare const toastVariants: (props?: ({
-    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
+    variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ToastProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root>, VariantProps<typeof toastVariants> {
 }

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

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,7 @@
+export * from './Accordion';
 export * from './AlertDialog';
 export * from './Badge';
+export * from './Banner';
 export * from './BarChart';
 export * from './Breadcrumbs';
 export * from './Button';
@@ -20,6 +22,7 @@ export * from './Label';
 export * from './LineChart';
 export * from './Link';
 export * from './Modal';
+export * from './Pagination';
 export * from './PieChart';
 export * from './ProgressIndicator';
 export * from './Radio';