@shohojdhara/atomix 0.3.14 → 0.3.15

package/src/lib/composables/useButton.ts

@@ -1,93 +0,0 @@
-import { ButtonProps } from '../types/components';
-import { BUTTON } from '../constants/components';
-
-/**
- * Button state and functionality
- * @param initialProps - Initial button properties
- * @returns Button state and methods
- */
-export function useButton(initialProps?: Partial<ButtonProps>) {
-  // Default button properties
-  const defaultProps: Partial<ButtonProps> = {
-    variant: 'primary',
-    size: 'md',
-    disabled: false,
-    rounded: false,
-    loading: false,
-    fullWidth: false,
-    block: false,
-    active: false,
-    selected: false,
-    ...initialProps,
-  };
-
-  /**
-   * Generate button class based on properties
-   * @param props - Button properties
-   * @returns Class string
-   */
-  const generateButtonClass = (props: Partial<ButtonProps>): string => {
-    const {
-      variant = defaultProps.variant,
-      size = defaultProps.size,
-      disabled = defaultProps.disabled,
-      rounded = defaultProps.rounded,
-      iconOnly = false,
-      glass = defaultProps.glass,
-      loading = defaultProps.loading,
-      fullWidth = defaultProps.fullWidth,
-      block = defaultProps.block,
-      active = defaultProps.active,
-      selected = defaultProps.selected,
-      className = '',
-    } = props;
-
-    const sizeClass = size === 'md' ? '' : `c-btn--${size}`;
-    const iconOnlyClass = iconOnly ? 'c-btn--icon' : '';
-    const roundedClass = rounded ? 'c-btn--rounded' : '';
-    const disabledClass = disabled ? 'c-btn--disabled' : '';
-    const glassClass = glass ? 'c-btn--glass' : '';
-    const loadingClass = loading ? BUTTON.CLASSES.LOADING : '';
-    const fullWidthClass = fullWidth ? BUTTON.CLASSES.FULL_WIDTH : '';
-    const blockClass = block ? BUTTON.CLASSES.BLOCK : '';
-    const activeClass = active ? BUTTON.CLASSES.ACTIVE : '';
-    const selectedClass = selected ? BUTTON.CLASSES.SELECTED : '';
-
-    return [
-      BUTTON.BASE_CLASS,
-      `c-btn--${variant}`,
-      sizeClass,
-      iconOnlyClass,
-      roundedClass,
-      disabledClass,
-      glassClass,
-      loadingClass,
-      fullWidthClass,
-      blockClass,
-      activeClass,
-      selectedClass,
-      className,
-    ]
-      .filter(Boolean)
-      .join(' ');
-  };
-
-  /**
-   * Handle button click with disabled check
-   * @param handler - Click handler function
-   * @returns Function that respects disabled state
-   */
-  const handleClick = (handler?: (event: React.MouseEvent<HTMLButtonElement>) => void) => {
-    return (event: React.MouseEvent<HTMLButtonElement>) => {
-      if (!defaultProps.disabled && !defaultProps.loading && handler) {
-        handler(event);
-      }
-    };
-  };
-
-  return {
-    defaultProps,
-    generateButtonClass,
-    handleClick,
-  };
-}

package/src/lib/composables/useCheckbox.ts

@@ -1,70 +0,0 @@
-import { useRef, useEffect } from 'react';
-import { CheckboxProps } from '../types/components';
-
-// Define checkbox class constants
-const CHECKBOX_CLASSES = {
-  BASE: 'c-checkbox',
-  INVALID: 'is-error',
-  VALID: 'is-valid',
-  DISABLED: 'is-disabled',
-  MIXED: 'c-checkbox--mixed',
-};
-
-/**
- * Checkbox state and functionality
- * @param initialProps - Initial checkbox properties
- * @returns Checkbox state and methods
- */
-export function useCheckbox(initialProps?: Partial<CheckboxProps>) {
-  // Default checkbox properties
-  const defaultProps: Partial<CheckboxProps> = {
-    disabled: false,
-    invalid: false,
-    valid: false,
-    indeterminate: false,
-    ...initialProps,
-  };
-
-  // Ref for the checkbox input element
-  const checkboxRef = useRef<HTMLInputElement>(null);
-
-  // Handle indeterminate state
-  useEffect(() => {
-    if (checkboxRef.current) {
-      checkboxRef.current.indeterminate = Boolean(defaultProps.indeterminate);
-    }
-  }, [defaultProps.indeterminate]);
-
-  /**
-   * Generate checkbox class based on properties
-   * @param props - Checkbox properties
-   * @returns Class string
-   */
-  const generateCheckboxClass = (props: Partial<CheckboxProps>): string => {
-    const {
-      disabled = defaultProps.disabled,
-      invalid = defaultProps.invalid,
-      valid = defaultProps.valid,
-      indeterminate = defaultProps.indeterminate,
-      className = '',
-    } = props;
-
-    let validationClass = '';
-    if (invalid) {
-      validationClass = CHECKBOX_CLASSES.INVALID;
-    } else if (valid) {
-      validationClass = CHECKBOX_CLASSES.VALID;
-    }
-
-    const disabledClass = disabled ? CHECKBOX_CLASSES.DISABLED : '';
-    const indeterminateClass = indeterminate ? CHECKBOX_CLASSES.MIXED : '';
-
-    return `${CHECKBOX_CLASSES.BASE} ${validationClass} ${disabledClass} ${indeterminateClass} ${className}`.trim();
-  };
-
-  return {
-    defaultProps,
-    generateCheckboxClass,
-    checkboxRef,
-  };
-}