@engrate/components 0.1.14 → 0.1.16

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

@@ -4,12 +4,15 @@ declare const cardVariants: (props?: ({
     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;
+    accent?: "none" | "sunflower" | "warm-purple" | "cool-purple" | "electric-blue" | "deep-blue" | "error" | "border" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     /** Render as a child component */
     asChild?: boolean;
     /** Background color from Engrate design tokens */
     bg?: VariantProps<typeof cardVariants>['bg'];
+    /** Left accent gradient stripe color */
+    accent?: VariantProps<typeof cardVariants>['accent'];
 }
 /**
  * Card component for displaying content in a contained area.
@@ -23,6 +26,7 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<t
  * </Card>
  * <Card variant="elevated" padding="lg">Elevated card</Card>
  * <Card bg="sunflower">Highlighted card</Card>
+ * <Card accent="sunflower">Card with accent stripe</Card>
  * ```
  */
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,40 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const paginationDotsVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface PaginationDotsProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof paginationDotsVariants> {
+    /** The index of the currently active dot (zero-based) */
+    value: number;
+    /** Callback fired when a dot is clicked */
+    onValueChange?: (index: number) => void;
+}
+/**
+ * A dot indicator for switching between content panels (e.g. carousels).
+ * The active dot smoothly morphs into a wider pill shape.
+ *
+ * @example
+ * ```tsx
+ * <PaginationDots value={active} onValueChange={setActive}>
+ *   <PaginationDot index={0} />
+ *   <PaginationDot index={1} />
+ *   <PaginationDot index={2} />
+ * </PaginationDots>
+ * ```
+ */
+declare const PaginationDots: React.ForwardRefExoticComponent<PaginationDotsProps & React.RefAttributes<HTMLDivElement>>;
+declare const paginationDotVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface PaginationDotProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** Zero-based index of this dot */
+    index: number;
+}
+/**
+ * An individual dot within a PaginationDots group.
+ * Renders as a clickable button that morphs into a pill shape when active.
+ */
+declare const PaginationDot: React.ForwardRefExoticComponent<PaginationDotProps & React.RefAttributes<HTMLButtonElement>>;
+export { PaginationDots, PaginationDot, paginationDotsVariants, paginationDotVariants, };
+export type { PaginationDotsProps, PaginationDotProps };

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

@@ -0,0 +1,2 @@
+export { PaginationDots, PaginationDot, paginationDotsVariants, paginationDotVariants, } from './PaginationDots';
+export type { PaginationDotsProps, PaginationDotProps } from './PaginationDots';

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

@@ -26,6 +26,7 @@ export * from './LineChart';
 export * from './Link';
 export * from './Modal';
 export * from './Pagination';
+export * from './PaginationDots';
 export * from './PieChart';
 export * from './ProgressIndicator';
 export * from './Radio';