components-test-pb 0.1.3 → 0.1.5

package/dist/Components/Table/useTableRowStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TableRowSlots, TableRowState } from './TableRow.types.js';
-export declare const tableRowClassNames: SlotClassNames<TableRowSlots>;
-export declare const useTableRowStyles: (state: TableRowState) => TableRowState;

package/dist/Components/Table/useTableRowStyles.styles.js

@@ -1,31 +0,0 @@
-import { makeStyles, makeResetStyles, mergeClasses } from 'css-engine-test-pb';
-import { Tokens } from '../../Theme/tokens.js';
-export const tableRowClassNames = {
-    root: 'TableRow'
-};
-const useRootBaseClassName = makeResetStyles({
-    borderBottom: `${Tokens.strokeWidthThin} solid ${Tokens.colorNeutralStroke1}`,
-    transitionDuration: Tokens.durationNormal,
-    transitionProperty: 'background',
-    transitionTimingFunction: Tokens.curveEasy,
-});
-const useRootStyles = makeStyles({
-    none: {
-        ':hover': {
-            backgroundColor: Tokens.colorNeutralBackground1Hover,
-        },
-    },
-    brand: {
-        backgroundColor: Tokens.colorBrandBackground,
-        color: Tokens.colorBrandForeground1,
-        ':hover': {
-            backgroundColor: Tokens.colorBrandBackgroundHover,
-        },
-    },
-});
-export const useTableRowStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    const rootStyles = useRootStyles();
-    state.root.className = mergeClasses(tableRowClassNames.root, rootBaseClassName, rootStyles[state.appearance], state.root.className);
-    return state;
-};

package/dist/Components/Table/useTableStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TableSlots, TableState } from './Table.types.js';
-export declare const tableClassNames: SlotClassNames<TableSlots>;
-export declare const useTableStyles: (state: TableState) => TableState;

package/dist/Components/Table/useTableStyles.styles.js

@@ -1,22 +0,0 @@
-import { makeStyles, makeResetStyles, mergeClasses } from 'css-engine-test-pb';
-import { Tokens } from '../../Theme/tokens.js';
-export const tableClassNames = {
-    root: 'Table'
-};
-const useRootBaseClassName = makeResetStyles({
-    borderCollapse: 'collapse',
-    width: '100%',
-    fontFamily: Tokens.fontFamilyBase,
-    fontSize: Tokens.fontSize300,
-    lineHeight: Tokens.lineHeight300,
-});
-const useRootStyles = makeStyles({
-    small: {},
-    medium: {},
-});
-export const useTableStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    const rootStyles = useRootStyles();
-    state.root.className = mergeClasses(tableClassNames.root, rootBaseClassName, rootStyles[state.size], state.root.className);
-    return state;
-};

package/dist/Components/Text/Text.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TextProps } from './Text.types.js';
-export declare const Text: FC<TextProps>;

package/dist/Components/Text/Text.js

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

package/dist/Components/Text/Text.types.d.ts

@@ -1,11 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TextSlots = {
-    root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'strong' | 'b' | 'em' | 'i'>;
-};
-export type TextProps = ComponentProps<TextSlots> & {
-    font?: 'base' | 'monospace' | 'numeric';
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
-    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
-};
-export type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;
-export type TextState = ComponentState<TextSlots> & Required<Pick<TextProps, 'font' | 'size' | 'weight'>>;

package/dist/Components/Text/Text.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Components/Text/index.d.ts

@@ -1,5 +0,0 @@
-export type { TextSlots, TextProps, TextPresetProps, TextState, } from './Text.types.js';
-export { Text } from './Text.js';
-export { useText } from './useText.js';
-export { renderText } from './renderText.js';
-export { useTextStyles } from './useTextStyles.styles.js';

package/dist/Components/Text/index.js

@@ -1,4 +0,0 @@
-export { Text } from './Text.js';
-export { useText } from './useText.js';
-export { renderText } from './renderText.js';
-export { useTextStyles } from './useTextStyles.styles.js';

package/dist/Components/Text/renderText.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TextState } from './Text.types.js';
-export declare const renderText: (state: TextState) => Element;

package/dist/Components/Text/renderText.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderText = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Text/useText.d.ts

@@ -1,2 +0,0 @@
-import type { TextProps, TextState } from './Text.types.js';
-export declare const useText: (props: TextProps) => TextState;

package/dist/Components/Text/useText.js

@@ -1,10 +0,0 @@
-export const useText = (props) => {
-    const { font, size, weight, ...rest } = props;
-    return {
-        font: font ?? 'base',
-        size: size ?? 300,
-        weight: weight ?? 'regular',
-        components: { root: rest.as ?? 'span' },
-        root: { as: rest.as ?? 'span', ...rest },
-    };
-};

package/dist/Components/Text/useTextStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TextSlots, TextState } from './Text.types.js';
-export declare const textClassNames: SlotClassNames<TextSlots>;
-export declare const useTextStyles: (state: TextState) => TextState;

package/dist/Components/Text/useTextStyles.styles.js

@@ -1,74 +0,0 @@
-import { makeStyles, mergeClasses } from 'css-engine-test-pb';
-import { Tokens } from '../../Theme/tokens.js';
-export const textClassNames = {
-    root: 'Text'
-};
-const useStyles = makeStyles({
-    root: {
-        fontFamily: 'Neue Montreal',
-        fontSize: Tokens.fontSize300,
-        lineHeight: Tokens.lineHeight300,
-        fontWeight: Tokens.fontWeightRegular,
-        display: 'inline',
-        whiteSpace: 'normal',
-        overflow: 'visible',
-        textOverflow: 'clip'
-    },
-    size100: {
-        fontSize: Tokens.fontSize100,
-        lineHeight: Tokens.lineHeight100
-    },
-    size200: {
-        fontSize: Tokens.fontSize200,
-        lineHeight: Tokens.lineHeight200
-    },
-    size300: {},
-    size400: {
-        fontSize: Tokens.fontSize400,
-        lineHeight: Tokens.lineHeight400
-    },
-    size500: {
-        fontSize: Tokens.fontSize500,
-        lineHeight: Tokens.lineHeight500
-    },
-    size600: {
-        fontSize: Tokens.fontSize600,
-        lineHeight: Tokens.lineHeight600
-    },
-    size700: {
-        fontSize: Tokens.fontSize700,
-        lineHeight: Tokens.lineHeight700
-    },
-    size800: {
-        fontSize: Tokens.fontSize800,
-        lineHeight: Tokens.lineHeight800
-    },
-    size900: {
-        fontSize: Tokens.fontSize900,
-        lineHeight: Tokens.lineHeight900
-    },
-    size1000: {
-        fontSize: Tokens.fontSize1000,
-        lineHeight: Tokens.lineHeight1000
-    },
-    monospace: {
-        fontFamily: Tokens.fontFamilyMonospace
-    },
-    numeric: {
-        fontFamily: Tokens.fontFamilyNumeric
-    },
-    weightMedium: {
-        fontWeight: Tokens.fontWeightMedium
-    },
-    weightSemibold: {
-        fontWeight: Tokens.fontWeightSemibold
-    },
-    weightBold: {
-        fontWeight: Tokens.fontWeightBold
-    }
-});
-export const useTextStyles = (state) => {
-    const styles = useStyles();
-    state.root.className = mergeClasses(textClassNames.root, styles.root, state.size === 100 && styles.size100, state.size === 200 && styles.size200, state.size === 300 && styles.size300, state.size === 400 && styles.size400, state.size === 500 && styles.size500, state.size === 600 && styles.size600, state.size === 700 && styles.size700, state.size === 800 && styles.size800, state.size === 900 && styles.size900, state.size === 1000 && styles.size1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.weight === 'bold' && styles.weightBold);
-    return state;
-};

package/dist/Theme/tokens.d.ts

@@ -1,81 +0,0 @@
-export declare const Tokens: {
-    readonly fontFamilyBase: "Neue Montreal";
-    readonly fontFamilyMonospace: "'Courier New', Courier, monospace";
-    readonly fontFamilyNumeric: "Neue Montreal";
-    readonly fontSize100: "10px";
-    readonly fontSize200: "12px";
-    readonly fontSize300: "14px";
-    readonly fontSize400: "16px";
-    readonly fontSize500: "20px";
-    readonly fontSize600: "24px";
-    readonly fontSize700: "28px";
-    readonly fontSize800: "32px";
-    readonly fontSize900: "40px";
-    readonly fontSize1000: "68px";
-    readonly lineHeight100: "14px";
-    readonly lineHeight200: "16px";
-    readonly lineHeight300: "20px";
-    readonly lineHeight400: "22px";
-    readonly lineHeight500: "28px";
-    readonly lineHeight600: "32px";
-    readonly lineHeight700: "36px";
-    readonly lineHeight800: "40px";
-    readonly lineHeight900: "52px";
-    readonly lineHeight1000: "92px";
-    readonly fontWeightRegular: 450;
-    readonly fontWeightMedium: 530;
-    readonly fontWeightSemibold: 700;
-    readonly fontWeightBold: 800;
-    readonly borderRadiusNone: "0px";
-    readonly borderRadiusSmall: "2px";
-    readonly borderRadiusMedium: "4px";
-    readonly borderRadiusLarge: "6px";
-    readonly borderRadiusXLarge: "8px";
-    readonly borderRadiusCircular: "9999px";
-    readonly strokeWidthThin: "1px";
-    readonly strokeWidthThick: "2px";
-    readonly strokeWidthThicker: "4px";
-    readonly spacingXXS: "2px";
-    readonly spacingXS: "4px";
-    readonly spacingSNudge: "6px";
-    readonly spacingS: "8px";
-    readonly spacingMNudge: "10px";
-    readonly spacingM: "12px";
-    readonly spacingL: "16px";
-    readonly spacingXL: "20px";
-    readonly spacingXXL: "24px";
-    readonly spacingXXXL: "32px";
-    readonly colorNeutralForeground1: "#242424";
-    readonly colorNeutralForegroundDisabled: "#bdbdbd";
-    readonly colorNeutralForegroundOnBrand: "#ffffff";
-    readonly colorNeutralBackground1: "#ffffff";
-    readonly colorNeutralBackground1Hover: "#f5f5f5";
-    readonly colorNeutralBackground1Pressed: "#e0e0e0";
-    readonly colorNeutralBackground3: "#f5f5f5";
-    readonly colorNeutralBackgroundDisabled: "#f0f0f0";
-    readonly colorNeutralStroke1: "#cccccc";
-    readonly colorNeutralStroke1Hover: "#b3b3b3";
-    readonly colorNeutralStroke1Pressed: "#999999";
-    readonly colorNeutralStrokeDisabled: "#e0e0e0";
-    readonly colorBrandBackground: "#312dfb";
-    readonly colorBrandBackgroundHover: "#2b28e2";
-    readonly colorBrandBackgroundPressed: "#2522c9";
-    readonly colorBrandStroke1: "#312dfb";
-    readonly colorBrandStroke1Hover: "#2b28e2";
-    readonly colorBrandStroke1Pressed: "#2522c9";
-    readonly colorBrandForeground1: "#ffffff";
-    readonly colorBrandForeground1Hover: "#ffffff";
-    readonly colorBrandForeground1Pressed: "#ffffff";
-    readonly colorSubtleBackground: "transparent";
-    readonly colorSubtleBackgroundHover: "#f5f5f5";
-    readonly colorSubtleBackgroundPressed: "#e0e0e0";
-    readonly colorTransparentBackground: "transparent";
-    readonly colorTransparentStroke: "transparent";
-    readonly durationNormal: "150ms";
-    readonly durationFast: "100ms";
-    readonly durationSlow: "300ms";
-    readonly curveEasy: "cubic-bezier(0.33,0,0.67,1)";
-    readonly curveDecelerate: "cubic-bezier(0,0,0,1)";
-    readonly curveAccelerate: "cubic-bezier(1,0,1,1)";
-};
-export type Tokens = typeof Tokens;

package/dist/Theme/tokens.js

@@ -1,80 +0,0 @@
-export const Tokens = {
-    fontFamilyBase: 'Neue Montreal',
-    fontFamilyMonospace: "'Courier New', Courier, monospace",
-    fontFamilyNumeric: 'Neue Montreal',
-    fontSize100: '10px',
-    fontSize200: '12px',
-    fontSize300: '14px',
-    fontSize400: '16px',
-    fontSize500: '20px',
-    fontSize600: '24px',
-    fontSize700: '28px',
-    fontSize800: '32px',
-    fontSize900: '40px',
-    fontSize1000: '68px',
-    lineHeight100: '14px',
-    lineHeight200: '16px',
-    lineHeight300: '20px',
-    lineHeight400: '22px',
-    lineHeight500: '28px',
-    lineHeight600: '32px',
-    lineHeight700: '36px',
-    lineHeight800: '40px',
-    lineHeight900: '52px',
-    lineHeight1000: '92px',
-    fontWeightRegular: 450,
-    fontWeightMedium: 530,
-    fontWeightSemibold: 700,
-    fontWeightBold: 800,
-    borderRadiusNone: '0px',
-    borderRadiusSmall: '2px',
-    borderRadiusMedium: '4px',
-    borderRadiusLarge: '6px',
-    borderRadiusXLarge: '8px',
-    borderRadiusCircular: '9999px',
-    strokeWidthThin: '1px',
-    strokeWidthThick: '2px',
-    strokeWidthThicker: '4px',
-    spacingXXS: '2px',
-    spacingXS: '4px',
-    spacingSNudge: '6px',
-    spacingS: '8px',
-    spacingMNudge: '10px',
-    spacingM: '12px',
-    spacingL: '16px',
-    spacingXL: '20px',
-    spacingXXL: '24px',
-    spacingXXXL: '32px',
-    colorNeutralForeground1: '#242424',
-    colorNeutralForegroundDisabled: '#bdbdbd',
-    colorNeutralForegroundOnBrand: '#ffffff',
-    colorNeutralBackground1: '#ffffff',
-    colorNeutralBackground1Hover: '#f5f5f5',
-    colorNeutralBackground1Pressed: '#e0e0e0',
-    colorNeutralBackground3: '#f5f5f5',
-    colorNeutralBackgroundDisabled: '#f0f0f0',
-    colorNeutralStroke1: '#cccccc',
-    colorNeutralStroke1Hover: '#b3b3b3',
-    colorNeutralStroke1Pressed: '#999999',
-    colorNeutralStrokeDisabled: '#e0e0e0',
-    colorBrandBackground: '#312dfb',
-    colorBrandBackgroundHover: '#2b28e2',
-    colorBrandBackgroundPressed: '#2522c9',
-    colorBrandStroke1: '#312dfb',
-    colorBrandStroke1Hover: '#2b28e2',
-    colorBrandStroke1Pressed: '#2522c9',
-    colorBrandForeground1: '#ffffff',
-    colorBrandForeground1Hover: '#ffffff',
-    colorBrandForeground1Pressed: '#ffffff',
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: '#f5f5f5',
-    colorSubtleBackgroundPressed: '#e0e0e0',
-    colorTransparentBackground: 'transparent',
-    colorTransparentStroke: 'transparent',
-    durationNormal: '150ms',
-    durationFast: '100ms',
-    durationSlow: '300ms',
-    curveEasy: 'cubic-bezier(0.33,0,0.67,1)',
-    curveDecelerate: 'cubic-bezier(0,0,0,1)',
-    curveAccelerate: 'cubic-bezier(1,0,1,1)',
-};

package/dist/Types/compose/index.d.ts

@@ -1 +0,0 @@
-export type { SlotShorthandValue, SlotPropsRecord, UnknownSlotProps, Slot, IsSingleton, AsIntrinsicElement, ExtractSlotProps, ComponentProps, ComponentState, SlotClassNames, } from './types.js';

package/dist/Types/compose/index.js

@@ -1 +0,0 @@
-export {};

package/dist/Types/compose/types.d.ts

@@ -1,34 +0,0 @@
-import type { ChildNode, ComponentType, IntrinsicElementKeys, IntrinsicElementProps, PropsWithoutChildren, ReplaceNullWithUndefined, HTMLAttributes, Element } from '../utils/types.js';
-export type SlotShorthandValue = Element | string | number;
-export type SlotPropsRecord = Record<string, UnknownSlotProps | SlotShorthandValue | null | undefined>;
-export type UnknownSlotProps = Pick<HTMLAttributes<HTMLElement>, 'className' | 'style'> & {
-    as?: IntrinsicElementKeys;
-    children?: ChildNode;
-};
-type WithSlotShorthandValue<Props> = Props | ('children' extends keyof Props ? Extract<SlotShorthandValue, Props['children']> : never);
-type EmptyIntrinsicElements = 'area' | 'base' | 'br' | 'col' | 'embed' | 'hr' | 'img' | 'input' | 'link' | 'meta' | 'param' | 'source' | 'track' | 'wbr';
-type SlotIntrinsicElementProps<Type extends IntrinsicElementKeys> = Type extends EmptyIntrinsicElements ? PropsWithoutChildren<IntrinsicElementProps<Type>> : IntrinsicElementProps<Type>;
-export type Slot<Type extends IntrinsicElementKeys | ComponentType<any> | UnknownSlotProps, AlternateAs extends IntrinsicElementKeys = never> = IsSingleton<Extract<Type, string>> extends true ? WithSlotShorthandValue<Type extends IntrinsicElementKeys ? {
-    as?: Type;
-} & SlotIntrinsicElementProps<Type> : Type extends ComponentType<infer Props> ? Props extends UnknownSlotProps ? Props : Props : Type> | (AlternateAs extends unknown ? {
-    as: AlternateAs;
-} & SlotIntrinsicElementProps<AlternateAs> : never) | null : 'Error: First parameter to Slot must not be not a union of types. See documentation of Slot type.';
-export type IsSingleton<T extends string> = {
-    [K in T]: Exclude<T, K> extends never ? true : false;
-}[T];
-export type AsIntrinsicElement<As extends IntrinsicElementKeys> = {
-    as?: As;
-};
-export type ExtractSlotProps<S> = Exclude<S, SlotShorthandValue | null | undefined>;
-export type ComponentProps<Slots extends SlotPropsRecord, Primary extends keyof Slots = 'root'> = Omit<Slots, Primary & 'root'> & ExtractSlotProps<Slots[Primary]>;
-export type ComponentState<Slots extends SlotPropsRecord> = {
-    components: {
-        [Key in keyof Slots]-?: IntrinsicElementKeys | ComponentType;
-    };
-} & {
-    [Key in keyof Slots]: ReplaceNullWithUndefined<Exclude<Slots[Key], SlotShorthandValue | (Key extends 'root' ? null : never)>>;
-};
-export type SlotClassNames<Slots> = {
-    [SlotName in keyof Slots]-?: string;
-};
-export {};

package/dist/Types/utils/index.d.ts

@@ -1 +0,0 @@
-export type { ElementProps, Element, ElementChild, FC, HTMLAttributes, CSSProperties, DistributiveOmit, DistributivePick, UnionToIntersection, ReplaceNullWithUndefined, PropsWithoutChildren, FunctionComponent, ComponentType, ChildNode, AnchorNativeProps, ButtonNativeProps, FormNativeProps, InputNativeProps, TextareaNativeProps, SelectNativeProps, ImgNativeProps, LabelNativeProps, IntrinsicElementKeys, IntrinsicElementProps, } from './types.js';

package/dist/Types/utils/index.js

@@ -1 +0,0 @@
-export {};

package/dist/Types/utils/types.d.ts

@@ -1,168 +0,0 @@
-export interface ElementProps {
-    children?: ElementChild | ElementChild[];
-    [key: string]: any;
-}
-export interface Element {
-    $$typeof: symbol;
-    type: string | Function | symbol;
-    props: ElementProps;
-    key: string | null;
-}
-export type ElementChild = Element | string | number | boolean | null | undefined | (() => any);
-export type FC<P = {}> = (props: P) => Element | null;
-export interface CSSProperties {
-    [key: string]: string | number;
-}
-export interface HTMLAttributes<T = HTMLElement> {
-    className?: string;
-    id?: string;
-    style?: CSSProperties;
-    title?: string;
-    lang?: string;
-    dir?: 'ltr' | 'rtl' | 'auto';
-    hidden?: boolean;
-    tabIndex?: number;
-    class?: never;
-    [key: `data-${string}`]: string | number | boolean | undefined;
-    role?: string;
-    [key: `aria-${string}`]: string | number | boolean | undefined;
-    onClick?: (event: MouseEvent) => void;
-    onDoubleClick?: (event: MouseEvent) => void;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onMouseMove?: (event: MouseEvent) => void;
-    onMouseOver?: (event: MouseEvent) => void;
-    onMouseOut?: (event: MouseEvent) => void;
-    onChange?: (event: Event) => void;
-    onInput?: (event: Event) => void;
-    onSubmit?: (event: Event) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-    onKeyPress?: (event: KeyboardEvent) => void;
-    onScroll?: (event: Event) => void;
-    onWheel?: (event: WheelEvent) => void;
-    onDrag?: (event: DragEvent) => void;
-    onDragEnd?: (event: DragEvent) => void;
-    onDragEnter?: (event: DragEvent) => void;
-    onDragLeave?: (event: DragEvent) => void;
-    onDragOver?: (event: DragEvent) => void;
-    onDragStart?: (event: DragEvent) => void;
-    onDrop?: (event: DragEvent) => void;
-    onTouchStart?: (event: TouchEvent) => void;
-    onTouchMove?: (event: TouchEvent) => void;
-    onTouchEnd?: (event: TouchEvent) => void;
-    onTouchCancel?: (event: TouchEvent) => void;
-    children?: ElementChild | ElementChild[];
-}
-export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : T;
-export type DistributivePick<T, K> = T extends unknown ? Pick<T, K & keyof T> : never;
-export type UnionToIntersection<U> = (U extends unknown ? (x: U) => U : never) extends (x: infer I) => U ? I : never;
-export type ReplaceNullWithUndefined<T> = T extends null ? Exclude<T, null> | undefined : T;
-export type PropsWithoutChildren<P> = 'children' extends keyof P ? DistributiveOmit<P, 'children'> : P;
-export interface FunctionComponent<P> {
-    (props: P): Element | null;
-    displayName?: string;
-}
-export type ComponentType<P = {}> = FunctionComponent<P>;
-export type ChildNode = ElementChild | ElementChild[];
-export interface AnchorNativeProps extends HTMLAttributes<HTMLAnchorElement> {
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    rel?: string;
-    download?: string | boolean;
-    hrefLang?: string;
-    type?: string;
-}
-export interface ButtonNativeProps extends HTMLAttributes<HTMLButtonElement> {
-    disabled?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    value?: string;
-    autoFocus?: boolean;
-    form?: string;
-    formAction?: string;
-    formEncType?: string;
-    formMethod?: string;
-    formNoValidate?: boolean;
-    formTarget?: string;
-}
-export interface FormNativeProps extends HTMLAttributes<HTMLFormElement> {
-    action?: string;
-    method?: 'get' | 'post';
-    encType?: string;
-    target?: string;
-    noValidate?: boolean;
-    autoComplete?: 'on' | 'off';
-}
-export interface InputNativeProps extends HTMLAttributes<HTMLInputElement> {
-    accept?: string;
-    alt?: string;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    capture?: boolean | string;
-    checked?: boolean;
-    disabled?: boolean;
-    form?: string;
-    max?: number | string;
-    maxLength?: number;
-    min?: number | string;
-    minLength?: number;
-    multiple?: boolean;
-    name?: string;
-    pattern?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    size?: number;
-    src?: string;
-    step?: number | string;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'checkbox' | 'radio' | 'file' | 'submit' | 'reset' | 'button' | 'hidden' | 'image' | 'color' | 'range';
-    value?: string | number;
-}
-export interface TextareaNativeProps extends HTMLAttributes<HTMLTextAreaElement> {
-    autoComplete?: string;
-    autoFocus?: boolean;
-    cols?: number;
-    disabled?: boolean;
-    form?: string;
-    maxLength?: number;
-    minLength?: number;
-    name?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    rows?: number;
-    value?: string;
-    wrap?: 'hard' | 'soft' | 'off';
-}
-export interface SelectNativeProps extends HTMLAttributes<HTMLSelectElement> {
-    autoComplete?: string;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    form?: string;
-    multiple?: boolean;
-    name?: string;
-    required?: boolean;
-    size?: number;
-    value?: string | string[];
-}
-export interface ImgNativeProps extends HTMLAttributes<HTMLImageElement> {
-    alt?: string;
-    crossOrigin?: 'anonymous' | 'use-credentials';
-    decoding?: 'async' | 'auto' | 'sync';
-    height?: number | string;
-    loading?: 'eager' | 'lazy';
-    sizes?: string;
-    src?: string;
-    srcSet?: string;
-    width?: number | string;
-}
-export interface LabelNativeProps extends HTMLAttributes<HTMLLabelElement> {
-    htmlFor?: string;
-    form?: string;
-}
-export type IntrinsicElementKeys = 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio' | 'b' | 'base' | 'blockquote' | 'body' | 'br' | 'button' | 'canvas' | 'caption' | 'cite' | 'code' | 'col' | 'colgroup' | 'datalist' | 'del' | 'details' | 'dialog' | 'div' | 'em' | 'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hr' | 'html' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'legend' | 'li' | 'link' | 'main' | 'mark' | 'menu' | 'meta' | 'meter' | 'nav' | 'ol' | 'optgroup' | 'option' | 'output' | 'p' | 'picture' | 'pre' | 'progress' | 'q' | 's' | 'script' | 'section' | 'select' | 'small' | 'source' | 'span' | 'strong' | 'style' | 'sub' | 'summary' | 'sup' | 'svg' | 'table' | 'tbody' | 'td' | 'template' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'title' | 'tr' | 'track' | 'u' | 'ul' | 'video' | 'wbr' | 'circle' | 'ellipse' | 'line' | 'path' | 'polygon' | 'polyline' | 'rect' | 'g' | 'defs';
-export type IntrinsicElementProps<Tag extends IntrinsicElementKeys> = Tag extends 'a' ? AnchorNativeProps : Tag extends 'button' ? ButtonNativeProps : Tag extends 'form' ? FormNativeProps : Tag extends 'input' ? InputNativeProps : Tag extends 'textarea' ? TextareaNativeProps : Tag extends 'select' ? SelectNativeProps : Tag extends 'img' ? ImgNativeProps : Tag extends 'label' ? LabelNativeProps : HTMLAttributes<HTMLElement>;

package/dist/Types/utils/types.js

@@ -1,2 +0,0 @@
-// ---- Core framework types (defined here, not imported from framework) ----
-export {};

package/dist/utilities/useARIAButtonProps.d.ts

@@ -1,16 +0,0 @@
-import type { HTMLAttributes } from '../Types/utils/types.js';
-export type ARIAButtonType = 'button' | 'a' | 'div';
-export type ARIAButtonProps<Tag extends ARIAButtonType = 'button'> = HTMLAttributes<HTMLElement> & {
-    disabled?: boolean;
-    disabledFocusable?: boolean;
-} & (Tag extends 'a' ? {
-    href?: string;
-} : {});
-export type ARIAButtonResultProps<Tag extends ARIAButtonType = 'button'> = HTMLAttributes<HTMLElement> & {
-    disabled?: Tag extends 'button' ? '' | undefined : never;
-    'aria-disabled'?: 'true';
-    role?: string;
-    tabIndex?: number;
-    href?: string;
-};
-export declare const useARIAButtonProps: <Tag extends ARIAButtonType>(tag: Tag, props?: ARIAButtonProps<Tag>) => ARIAButtonResultProps<Tag>;