components-test-pb 0.2.6 → 0.2.7

package/src/utilities/src/ARIA/index.ts

@@ -1,11 +0,0 @@
-export { useARIAButtonProps } from './useARIAButtonProps';
-
-export type {
-    ARIAButtonType,
-    ARIAButtonElement,
-    ARIAButtonElementIntersection,
-    ARIAButtonProps,
-    ARIAButtonSlotProps,
-    ARIAButtonAlteredProps,
-    ARIAButtonResultProps,
-} from './types';

package/src/utilities/src/ARIA/types.ts

@@ -1,58 +0,0 @@
-import type {
-    DistributiveOmit,
-    ExtractSlotProps,
-    Slot,
-    UnionToIntersection,
-    JSXIntrinsicElement,
-} from '../compose/types';
-
-export type ARIAButtonType = 'button' | 'a' | 'div';
-
-export type ARIAButtonElement<AlternateAs extends 'a' | 'div' = 'a' | 'div'> =
-    | HTMLButtonElement
-    | (AlternateAs extends 'a' ? HTMLAnchorElement : never)
-    | (AlternateAs extends 'div' ? HTMLDivElement : never);
-
-export type ARIAButtonElementIntersection<AlternateAs extends 'a' | 'div' = 'a' | 'div'> = UnionToIntersection<
-    ARIAButtonElement<AlternateAs>
->;
-
-export type ARIAButtonProps<Type extends ARIAButtonType = ARIAButtonType> = DistributiveOmit<
-    JSXIntrinsicElement<Type>,
-    'children'
-> & {
-    disabled?: boolean;
-    /**
-     * When set, allows the button to be focusable even when it has been disabled.
-     * This is used in scenarios where it is important to keep a consistent tab order
-     * for screen reader and keyboard users.
-     *
-     * @default false
-     */
-    disabledFocusable?: boolean;
-};
-
-export type ARIAButtonSlotProps<AlternateAs extends 'a' | 'div' = 'a' | 'div'> = ExtractSlotProps<
-    Slot<'button', AlternateAs>
-> &
-    Pick<ARIAButtonProps<ARIAButtonType>, 'disabled' | 'disabledFocusable'>;
-
-export type ARIAButtonAlteredProps<Type extends ARIAButtonType> =
-    | (Type extends 'button'
-        ? Pick<
-            JSXIntrinsicElement<'button'>,
-            'onClick' | 'onKeyDown' | 'onKeyUp' | 'disabled' | 'aria-disabled' | 'tabIndex'
-        >
-        : never)
-    | (Type extends 'a'
-        ? Pick<
-            JSXIntrinsicElement<'a'>,
-            'onClick' | 'onKeyDown' | 'onKeyUp' | 'aria-disabled' | 'tabIndex' | 'role' | 'href'
-        >
-        : never)
-    | (Type extends 'div'
-        ? Pick<JSXIntrinsicElement<'div'>, 'onClick' | 'onKeyDown' | 'onKeyUp' | 'aria-disabled' | 'tabIndex' | 'role'>
-        : never);
-
-export type ARIAButtonResultProps<Type extends ARIAButtonType, Props> = Props &
-    UnionToIntersection<ARIAButtonAlteredProps<Type>>;

package/src/utilities/src/ARIA/useARIAButtonProps.ts

@@ -1,74 +0,0 @@
-import type { ARIAButtonProps, ARIAButtonResultProps, ARIAButtonType } from './types';
-
-export function useARIAButtonProps<Type extends ARIAButtonType>(
-    type: Type,
-    props: ARIAButtonProps<Type>,
-): ARIAButtonResultProps<Type, ARIAButtonProps<Type>> {
-    const { disabled, disabledFocusable, onClick, onKeyDown, onKeyUp, ...rest } =
-        props as ARIAButtonProps<ARIAButtonType>;
-
-    const isDisabled = disabled || disabledFocusable;
-
-    if (type === 'button') {
-        return {
-            ...rest,
-            disabled: isDisabled && !disabledFocusable,
-            onClick: isDisabled
-                ? (e: MouseEvent) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }
-                : onClick,
-            onKeyDown,
-            onKeyUp,
-            ...(isDisabled && { 'aria-disabled': true }),
-        } as unknown as ARIAButtonResultProps<Type, ARIAButtonProps<Type>>;
-    }
-
-    // Non-native: 'a' | 'div'
-    const handleClick = isDisabled
-        ? (e: MouseEvent) => {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        : onClick;
-
-    const handleKeyDown = (e: KeyboardEvent) => {
-        onKeyDown?.(e);
-
-        if (e.defaultPrevented) return;
-
-        if (isDisabled) return;
-
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            (e.currentTarget as HTMLElement).click();
-        } else if (e.key === ' ') {
-            e.preventDefault(); // Prevent scroll
-        }
-    };
-
-    const handleKeyUp = (e: KeyboardEvent) => {
-        onKeyUp?.(e);
-
-        if (e.defaultPrevented) return;
-
-        if (isDisabled) return;
-
-        if (e.key === ' ') {
-            e.preventDefault();
-            (e.currentTarget as HTMLElement).click();
-        }
-    };
-
-    return {
-        ...rest,
-        role: 'button',
-        tabIndex: isDisabled && !disabledFocusable ? undefined : (rest as Record<string, unknown>).tabIndex ?? 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        onKeyUp: handleKeyUp,
-        ...(isDisabled && { 'aria-disabled': true }),
-        ...(type === 'a' && isDisabled && { href: undefined }),
-    } as unknown as ARIAButtonResultProps<Type, ARIAButtonProps<Type>>;
-}

package/dist/components/{Text → src/Text}/Text.js

@@ -1,6 +1,6 @@
 import { useText } from './useText';
-import { useTextStyles } from './useTextStyles.styles';
 import { renderText } from './renderText';
+import { useTextStyles } from './useTextStyles.styles';
 export const Text = (props) => {
     const state = useText(props);
     useTextStyles(state);