@dimasbaguspm/versaur 0.0.26 → 0.0.27

package/dist/types/layouts/badge-group/types.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { VariantProps } from '../../utils/variants';
+import { badgeGroupVariants } from './helpers';
+/**
+ * Props for the BadgeGroup component
+ */
+export interface BadgeGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeGroupVariants> {
+    /**
+     * Children (should be Badge components)
+     */
+    children: ReactNode;
+    /**
+     * Alignment of badges within the group
+     * @default 'start'
+     */
+    alignment?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * Whether badges should be fluid (full width)
+     * @default false
+     */
+    fluid?: boolean;
+    /**
+     * Orientation of the badge group
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Size of the gap between badges
+     * @default 'md'
+     */
+    gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}

package/dist/types/layouts/index.d.ts

@@ -1,5 +1,6 @@
 export * from './app-bar';
 export * from './bottom-bar';
+export * from './badge-group';
 export * from './button-group';
 export * from './page-content';
 export * from './page-header';

package/dist/types/primitive/card/card.d.ts

@@ -0,0 +1,24 @@
+import { CardProps } from './types';
+/**
+ * Card component - A clickable container component for displaying structured information
+ *
+ * Features:
+ * - All cards are clickable by default with hover effects
+ * - Structured layout with avatar, title, subtitle, badge, and supplementary info
+ * - Multiple color variants with soft backgrounds
+ * - Configurable padding sizes and shapes
+ * - Built with accessibility in mind
+ *
+ * @example
+ * ```tsx
+ * <Card
+ *   title="John Doe"
+ *   subtitle="Software Engineer"
+ *   avatar={<Avatar shape="rounded">JD</Avatar>}
+ *   badge={<BadgeGroup><Badge color="secondary">Available</Badge></BadgeGroup>}
+ *   supplementaryInfo="$2,847.32"
+ *   onClick={handleClick}
+ * />
+ * ```
+ */
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/primitive/card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card } from './card';
+export type { CardProps } from './types';

package/dist/types/primitive/card/types.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { cardVariants } from './helpers';
+/**
+ * Props for the Card component
+ */
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'>, VariantProps<typeof cardVariants> {
+    /**
+     * Size variant affecting padding
+     * @default 'md'
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Shape variant affecting border radius
+     * @default 'rounded'
+     */
+    shape?: 'rounded' | 'square';
+    /**
+     * Avatar element to display on the left side
+     */
+    avatar?: ReactNode;
+    /**
+     * Main title text
+     */
+    title: ReactNode;
+    /**
+     * Subtitle or description text
+     */
+    subtitle?: ReactNode;
+    /**
+     * Badge element to display in the header area
+     */
+    badge?: ReactNode;
+    /**
+     * Supplementary information to display on the right side
+     * Usually used for amounts, status, or additional info
+     */
+    supplementaryInfo?: ReactNode;
+}

package/dist/types/primitive/index.d.ts

@@ -8,6 +8,7 @@ export * from './button-float';
 export * from './button-icon';
 export * from './calculator';
 export * from './calendar';
+export * from './card';
 export * from './icon';
 export * from './no-results';
 export * from './snackbar';

package/dist/utils/enforce-subpath-import.js

@@ -28,6 +28,7 @@ const symbolToSubpath = {
   "TextAreaInput": "forms",
   "TimePickerInput": "forms",
   "AppBar": "layouts",
+  "BadgeGroup": "layouts",
   "BottomBar": "layouts",
   "ButtonGroup": "layouts",
   "FormLayout": "layouts",
@@ -53,6 +54,7 @@ const symbolToSubpath = {
   "ButtonIcon": "primitive",
   "Calculator": "primitive",
   "Calendar": "primitive",
+  "Card": "primitive",
   "DescriptionList": "primitive",
   "Icon": "primitive",
   "ImageCircle": "primitive",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",