@shohojdhara/atomix 0.4.0 → 0.4.2

package/dist/forms.d.ts

@@ -327,20 +327,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;
@@ -348,30 +348,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
      *
@@ -652,7 +645,7 @@ interface InputProps extends BaseComponentProps {
 /**
  * Select option
  */
-interface SelectOption {
+interface SelectOption$1 {
     /**
      * Option value
      */
@@ -673,7 +666,7 @@ interface SelectProps extends BaseComponentProps {
     /**
      * Select options
      */
-    options: SelectOption[];
+    options?: SelectOption$1[];
     /**
      * Selected value(s)
      */
@@ -1085,10 +1078,22 @@ declare const Input: React$1.MemoExoticComponent<React$1.ForwardRefExoticCompone
  */
 declare const Radio: React$1.FC<RadioProps>;
 
+interface SelectOptionProps {
+    value: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    style?: React$1.CSSProperties;
+}
+declare const SelectOption: React$1.FC<SelectOptionProps>;
+
+type SelectComponent = React$1.FC<SelectProps> & {
+    Option: typeof SelectOption;
+};
 /**
  * Select - A component for dropdown selection
  */
-declare const Select: React$1.FC<SelectProps>;
+declare const Select: SelectComponent;
 
 /**
  * Textarea - A component for multiline text input