@datacrest/dcuikit 0.1.4 → 0.1.6

package/build/components/Molecule/Card/Card.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CardProps } from './types';
 declare const Card: {
-    ({ title, description, variant, size, image, footer, className, children, badge, width, height, }: CardProps): React.JSX.Element;
+    ({ title, description, children, variant, size, shadow, hoverEffect, borderRadius, image, imagePosition, imageHeight, badge, badgePosition, footer, header, padding, spacing, width, height, maxWidth, className, contentClassName, titleClassName, descriptionClassName, imageClassName, onClick, href, interactive, disabled, }: CardProps): React.JSX.Element;
     displayName: string;
 };
 export default Card;

package/build/components/Molecule/Card/const.d.ts

@@ -5,18 +5,62 @@ export declare const CARD_SIZES: {
         readonly titleSize: "text-base sm:text-lg";
         readonly descSize: "text-sm sm:text-base";
         readonly imageHeight: "h-24 sm:h-32 md:h-36";
+        readonly spacing: "space-y-2";
     };
     readonly medium: {
         readonly padding: "p-4 sm:p-5 md:p-6";
         readonly titleSize: "text-lg sm:text-xl md:text-2xl";
         readonly descSize: "text-sm sm:text-base md:text-lg";
         readonly imageHeight: "h-32 sm:h-40 md:h-48 lg:h-56";
+        readonly spacing: "space-y-3";
     };
     readonly large: {
         readonly padding: "p-5 sm:p-6 md:p-7 lg:p-8";
         readonly titleSize: "text-xl sm:text-2xl md:text-3xl";
         readonly descSize: "text-base sm:text-lg md:text-xl";
         readonly imageHeight: "h-40 sm:h-48 md:h-56 lg:h-64";
+        readonly spacing: "space-y-4";
     };
+    readonly custom: {
+        readonly padding: "";
+        readonly titleSize: "text-lg";
+        readonly descSize: "text-base";
+        readonly imageHeight: "";
+        readonly spacing: "space-y-3";
+    };
+};
+export declare const CARD_SPACING: {
+    readonly none: "";
+    readonly sm: "space-y-2";
+    readonly md: "space-y-3";
+    readonly lg: "space-y-4";
+};
+export declare const CARD_SHADOWS: {
+    readonly none: "";
+    readonly sm: "shadow-sm";
+    readonly md: "shadow";
+    readonly lg: "shadow-md";
+    readonly xl: "shadow-lg";
+};
+export declare const CARD_HOVER_EFFECTS: {
+    readonly none: "";
+    readonly lift: "transition-transform duration-300 hover:-translate-y-1";
+    readonly glow: "transition-shadow duration-300 hover:shadow-glow";
+    readonly scale: "transition-transform duration-300 hover:scale-[1.02]";
+    readonly border: "transition-colors duration-300 hover:border-primary";
+};
+export declare const CARD_BORDER_RADIUS: {
+    readonly none: "rounded-none";
+    readonly sm: "rounded";
+    readonly md: "rounded-lg";
+    readonly lg: "rounded-xl";
+    readonly xl: "rounded-2xl";
+    readonly full: "rounded-3xl";
+};
+export declare const BADGE_POSITIONS: {
+    readonly 'top-right': "absolute right-4 top-4 z-10";
+    readonly 'top-left': "absolute left-4 top-4 z-10";
+    readonly 'bottom-right': "absolute right-4 bottom-4 z-10";
+    readonly 'bottom-left': "absolute left-4 bottom-4 z-10";
 };
 export declare const CARD_VARIANTS: Record<CardVariant, VariantStyles>;

package/build/components/Molecule/Card/types.d.ts

@@ -1,18 +1,39 @@
 import { ReactNode } from 'react';
-export type CardVariant = 'default' | 'gradiant';
-export type CardSize = 'small' | 'medium' | 'large';
+export type CardVariant = 'default' | 'gradiant' | 'outline' | 'solid' | 'glass';
+export type CardSize = 'small' | 'medium' | 'large' | 'custom';
+export type CardShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export type HoverEffect = 'none' | 'lift' | 'glow' | 'scale' | 'border';
+export type BorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 export interface CardProps {
     title?: string;
     description?: string;
+    children?: ReactNode;
     variant?: CardVariant;
     size?: CardSize;
+    shadow?: CardShadow;
+    hoverEffect?: HoverEffect;
+    borderRadius?: BorderRadius;
     image?: string;
+    imagePosition?: 'top' | 'background';
+    imageHeight?: string;
+    badge?: string | ReactNode;
+    badgePosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     footer?: ReactNode;
-    className?: string;
-    children?: ReactNode;
-    badge?: string;
+    header?: ReactNode;
+    padding?: string;
+    spacing?: 'none' | 'sm' | 'md' | 'lg';
     width?: string | number;
     height?: string | number;
+    maxWidth?: string | number;
+    className?: string;
+    contentClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    imageClassName?: string;
+    onClick?: () => void;
+    href?: string;
+    interactive?: boolean;
+    disabled?: boolean;
 }
 interface BaseVariantStyles {
     kind: CardVariant;

package/build/components/Molecule/Dialog/index.d.ts

@@ -1,3 +1,4 @@
 import CustomDialogContent from './CustomDialogContent';
 import Dialog from './Dialog';
-export { Dialog, CustomDialogContent };
+export { Dialog };
+export { CustomDialogContent };

package/build/components/Molecule/Dropdown/types.d.ts

@@ -11,7 +11,7 @@ export type VariantStyle = {
     trigger: string;
     content: string;
 };
-export type VariantType = 'basic' | 'shadow';
+export type VariantType = 'basic' | 'shadow-sm';
 export type SizeType = 'small' | 'medium' | 'large';
 export type DropdownOption = {
     id: string;

package/build/components/Molecule/Message/index.d.ts

@@ -1,4 +1,4 @@
-export { message } from './MessageManager';
-export type { MessageOptions } from './MessageManager';
-export type { MessageVariants } from './Message.types';
-export type { MessagePosition } from './Message.types';
+import { MessagePosition, MessageProps, MessageVariants } from './Message.types';
+import { message, MessageOptions } from './MessageManager';
+export { message, MessageVariants, MessagePosition };
+export type { MessageProps, MessageOptions };

package/build/components/Molecule/ProfileCard/ProfileCard.stories.d.ts

@@ -29,6 +29,10 @@ declare const _default: {
             control: "object";
             description: string;
         };
+        isDropdownOpen: {
+            control: "boolean";
+            description: string;
+        };
     };
 };
 export default _default;

package/build/components/Molecule/ProfileCard/types.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+import { PROFILE_CARD_SIZES } from './const';
 export interface DropdownItem {
     name: string;
     icon?: ReactNode;
     link?: string;
     isDisabled?: boolean;
+    onClick?: () => void;
 }
 export interface ProfileCardProps {
     avatarUrl: string;
@@ -11,6 +13,8 @@ export interface ProfileCardProps {
     email?: string;
     position?: string;
     dropdownItems?: DropdownItem[];
-    size?: 'small' | 'medium' | 'large';
+    size?: (typeof PROFILE_CARD_SIZES)[keyof typeof PROFILE_CARD_SIZES];
     className?: string;
+    isDropdownOpen?: boolean;
+    onToggleDropdown?: () => void;
 }

package/build/components/Molecule/Table/index.d.ts

@@ -1,3 +1,3 @@
 import Table from './Table';
 export { Table };
-export type { TableProps, TableColumn } from './Table.types';
+export type { TableProps, TableColumn, TableColumnAlign } from './Table.types';