@shohojdhara/atomix 0.4.1 → 0.4.3

package/dist/index.d.ts

@@ -1329,20 +1329,20 @@ interface OverLightObjectConfig {
 /**
  * AtomixGlass component props interface
  */
-interface AtomixGlassProps {
+interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     displacementScale?: number;
     blurAmount?: number;
     saturation?: number;
     aberrationIntensity?: number;
     elasticity?: number;
-    cornerRadius?: number;
+    borderRadius?: number;
     globalMousePosition?: MousePosition;
     mouseOffset?: MousePosition;
     mouseContainer?: React.RefObject<HTMLElement | null> | null;
-    className?: string;
     padding?: string;
-    style?: React.CSSProperties;
+    height?: string | number;
+    width?: string | number;
     overLight?: OverLightConfig;
     mode?: DisplacementMode;
     onClick?: () => void;
@@ -1350,30 +1350,23 @@ interface AtomixGlassProps {
      * Shader variant for shader mode
      */
     shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
-    /**
-     * Accessibility props
-     */
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    role?: string;
-    tabIndex?: number;
     /**
      * Performance and accessibility options
      */
     reducedMotion?: boolean;
     highContrast?: boolean;
-    disableEffects?: boolean;
-    enableLiquidBlur?: boolean;
-    enableBorderEffect?: boolean;
-    enableOverLightLayers?: boolean;
+    withoutEffects?: boolean;
+    withLiquidBlur?: boolean;
+    withBorder?: boolean;
+    withOverLightLayers?: boolean;
     /**
      * Performance monitoring
      */
-    enablePerformanceMonitoring?: boolean;
+    debugPerformance?: boolean;
     /**
-     * Debug mode for cornerRadius extraction
+     * Debug mode for borderRadius extraction
      */
-    debugCornerRadius?: boolean;
+    debugBorderRadius?: boolean;
     /**
      * Debug mode for overLight detection and configuration
      *
@@ -4301,7 +4294,7 @@ interface VideoPlayerProps extends BaseComponentProps {
         saturation?: number;
         aberrationIntensity?: number;
         elasticity?: number;
-        cornerRadius?: number;
+        borderRadius?: number;
         mode?: 'standard' | 'polar' | 'prominent' | 'shader';
         overLight?: boolean;
     };
@@ -4520,6 +4513,10 @@ interface CardProps extends BaseComponentProps {
      * Card className
      */
     className?: string;
+    /**
+     * Optional custom link component (e.g., Next.js Link, React Router Link)
+     */
+    LinkComponent?: React.ElementType;
     /**
      * Optional click handler
      */
@@ -6592,7 +6589,7 @@ interface GlassContainerProps extends BaseComponentProps {
      * Border radius of the glass container
      * @default 999
      */
-    cornerRadius?: number;
+    borderRadius?: number;
     /**
      * Padding inside the glass container
      * @default '24px 32px'
@@ -6741,7 +6738,7 @@ interface StepItemData {
     content?: React__default.ReactNode;
 }
 
-interface StepsItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface StepsItemProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * The number or icon for the step
      */
@@ -7594,7 +7591,7 @@ interface BarChartOptions {
     /**
      * Corner radius for bars
      */
-    cornerRadius?: number;
+    borderRadius?: number;
     /**
      * Padding between bar groups
      */
@@ -8736,7 +8733,7 @@ type ButtonAsProp = {
     as?: ElementType;
     to?: string;
     href?: string;
-    LinkComponent?: React__default.ComponentType<any>;
+    LinkComponent?: React__default.ElementType;
     [key: string]: any;
 };
 declare const Button: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
@@ -8771,7 +8768,7 @@ interface BreadcrumbItemData {
      */
     className?: string;
 }
-
+type BreadcrumbItemType = BreadcrumbItemData;
 interface BreadcrumbItemProps extends React__default.HTMLAttributes<HTMLLIElement> {
     /**
      * URL for the breadcrumb item
@@ -8788,11 +8785,11 @@ interface BreadcrumbItemProps extends React__default.HTMLAttributes<HTMLLIElemen
     /**
      * Optional click handler for the link
      */
-    onClick?: (event: React__default.MouseEvent<HTMLAnchorElement | HTMLSpanElement>) => void;
+    onClick?: (event: React__default.MouseEvent<any>) => void;
     /**
      * Optional custom link component
      */
-    linkAs?: React__default.ElementType;
+    linkAs?: React__default.ElementType<any>;
     /**
      * Link props to pass to the underlying anchor or LinkComponent
      */
@@ -8829,10 +8826,11 @@ interface BreadcrumbProps {
      */
     children?: ReactNode;
 }
-type BreadcrumbComponent = React__default.FC<BreadcrumbProps> & {
+declare const BreadcrumbComponent: React__default.FC<BreadcrumbProps>;
+type BreadcrumbType = typeof BreadcrumbComponent & {
     Item: typeof BreadcrumbItem;
 };
-declare const Breadcrumb: BreadcrumbComponent;
+declare const Breadcrumb: BreadcrumbType;
 
 type AccordionProps = AccordionProps$1;
 interface AccordionHeaderProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
@@ -11420,17 +11418,18 @@ declare function useGlassContainer(props: GlassContainerProps): {
 interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
     glassRef: React__default.RefObject<HTMLDivElement>;
     contentRef: React__default.RefObject<HTMLDivElement>;
+    wrapperRef?: React__default.RefObject<HTMLDivElement>;
     children?: React__default.ReactNode;
 }
 interface UseAtomixGlassReturn {
     isHovered: boolean;
     isActive: boolean;
     glassSize: GlassSize;
-    dynamicCornerRadius: number;
-    effectiveCornerRadius: number;
+    dynamicBorderRadius: number;
+    effectiveBorderRadius: number;
     effectiveReducedMotion: boolean;
     effectiveHighContrast: boolean;
-    effectiveDisableEffects: boolean;
+    effectiveWithoutEffects: boolean;
     detectedOverLight: boolean;
     globalMousePosition: MousePosition;
     mouseOffset: MousePosition;
@@ -11461,7 +11460,7 @@ interface UseAtomixGlassReturn {
  * Composable hook for AtomixGlass component logic
  * Manages all state, calculations, and event handlers
  */
-declare function useAtomixGlass({ glassRef, contentRef, cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, disableEffects, elasticity, onClick, debugCornerRadius, debugOverLight, children, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
+declare function useAtomixGlass({ glassRef, contentRef, wrapperRef, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, withoutEffects, elasticity, onClick, debugBorderRadius, debugOverLight, debugPerformance, children, blurAmount, saturation, padding, withLiquidBlur, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
 
 /**
  * Input state and functionality
@@ -11516,7 +11515,7 @@ declare function useTextarea(initialProps?: Partial<TextareaProps>): {
 };
 
 interface BreadcrumbOptions {
-    items: BreadcrumbItem[];
+    items: BreadcrumbItemType[];
     divider?: React.ReactNode;
     className?: string;
     'aria-label'?: string;
@@ -11529,9 +11528,9 @@ interface BreadcrumbOptions {
 declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
     defaultOptions: BreadcrumbOptions;
     generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
-    generateItemClass: (item: BreadcrumbItem, isLast: boolean) => string;
-    isItemLink: (item: BreadcrumbItem, isLast: boolean) => boolean;
-    parseItemsFromJson: (jsonString: string) => BreadcrumbItem[];
+    generateItemClass: (item: BreadcrumbItemType, isLast: boolean) => string;
+    isItemLink: (item: BreadcrumbItemType, isLast: boolean) => boolean;
+    parseItemsFromJson: (jsonString: string) => BreadcrumbItemType[];
 };
 
 /**
@@ -11908,7 +11907,7 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
  *
  * @example
  * // Manual border-radius override
- * <AtomixGlass cornerRadius={20}>
+ * <AtomixGlass borderRadius={20}>
  *   <div>Content with 20px glass radius</div>
  * </AtomixGlass>
  *
@@ -11950,7 +11949,7 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
  *   <div>Content with debug logging enabled</div>
  * </AtomixGlass>
  */
-declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, disableEffects, enableLiquidBlur, enableBorderEffect, enableOverLightLayers, enablePerformanceMonitoring, debugCornerRadius, debugOverLight, }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
+declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugBorderRadius, debugOverLight, height, width, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
 
 declare const Avatar: React__default.FC<AvatarProps>;
 
@@ -15331,9 +15330,7 @@ declare const atomix: {
     AvatarGroup: React$1.FC<AvatarGroupProps>;
     Badge: React$1.FC<BadgeProps>;
     Block: React$1.ForwardRefExoticComponent<BlockProps & React$1.RefAttributes<HTMLDivElement>>;
-    Breadcrumb: React$1.FC<BreadcrumbProps> & {
-        Item: typeof BreadcrumbItemData;
-    };
+    Breadcrumb: BreadcrumbType;
     Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
     ButtonGroup: React$1.FC<ButtonGroupProps>;
     Callout: React$1.FC<CalloutProps> & {