@a11ypros/a11y-ui-components 1.0.0 → 1.0.1

package/dist/components/Form/Input.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import './Input.css';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Error message to display
-     */
-    error?: string;
-    /**
-     * Helper text to display below the input
-     */
-    helperText?: string;
-    /**
-     * Label for the input (creates associated label)
-     */
-    label?: string;
-}
-/**
- * Accessible Input component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-input association
- * - 2.5.3 Label in Name: Label text matches accessible name
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- * - 4.1.3 Status Messages: Error messages announced
- *
- * @example
- * ```tsx
- * <Input
- *   id="email"
- *   type="email"
- *   label="Email address"
- *   error="Please enter a valid email"
- * />
- * ```
- */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Input.d.ts.map

package/dist/components/Form/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,qFAmEjB,CAAA"}

package/dist/components/Form/Input.js

@@ -1,41 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { combineAriaDescribedBy } from '../../utils/aria';
-import './Input.css';
-/**
- * Accessible Input component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-input association
- * - 2.5.3 Label in Name: Label text matches accessible name
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- * - 4.1.3 Status Messages: Error messages announced
- *
- * @example
- * ```tsx
- * <Input
- *   id="email"
- *   type="email"
- *   label="Email address"
- *   error="Please enter a valid email"
- * />
- * ```
- */
-export const Input = React.forwardRef(({ id, error, helperText, label, className = '', 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
-    const inputId = React.useId();
-    const finalId = id || `input-${inputId}`;
-    const errorId = error ? `${finalId}-error` : undefined;
-    const helperId = helperText ? `${finalId}-helper` : undefined;
-    const describedBy = combineAriaDescribedBy(ariaDescribedBy, errorId, helperId);
-    const classes = [
-        'form-input',
-        error && 'form-input--error',
-        props.disabled && 'form-input--disabled',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsxs("div", { className: "form-input-wrapper", children: [label && (_jsxs("label", { htmlFor: finalId, className: "form-label", children: [label, props.required && (_jsxs("span", { className: "form-label__required", "aria-hidden": "true", children: [' ', "*"] }))] })), _jsx("input", { ref: ref, id: finalId, className: classes, "aria-invalid": error ? true : undefined, "aria-describedby": describedBy, required: props.required ? true : undefined, ...props }), helperText && !error && (_jsx("span", { id: helperId, className: "form-helper-text", children: helperText })), error && (_jsx("span", { id: errorId, className: "form-error-text", role: "alert", children: error }))] }));
-});
-Input.displayName = 'Input';

package/dist/components/Form/Label.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import './Label.css';
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    /**
-     * Whether this label is required (shows asterisk)
-     */
-    required?: boolean;
-    /**
-     * ID of the input this label is associated with
-     */
-    htmlFor?: string;
-}
-/**
- * Accessible Label component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-input association
- * - 2.5.3 Label in Name: Label text matches accessible name
- * - 4.1.2 Name, Role, Value: Proper semantic HTML
- *
- * @example
- * ```tsx
- * <Label htmlFor="email" required>
- *   Email address
- * </Label>
- * <Input id="email" type="email" />
- * ```
- */
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-//# sourceMappingURL=Label.d.ts.map

package/dist/components/Form/Label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,qFAqBjB,CAAA"}

package/dist/components/Form/Label.js

@@ -1,30 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import './Label.css';
-/**
- * Accessible Label component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-input association
- * - 2.5.3 Label in Name: Label text matches accessible name
- * - 4.1.2 Name, Role, Value: Proper semantic HTML
- *
- * @example
- * ```tsx
- * <Label htmlFor="email" required>
- *   Email address
- * </Label>
- * <Input id="email" type="email" />
- * ```
- */
-export const Label = React.forwardRef(({ required = false, className = '', children, ...props }, ref) => {
-    const classes = [
-        'form-label',
-        required && 'form-label--required',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsxs("label", { ref: ref, className: classes, ...props, children: [children, required && (_jsxs("span", { className: "form-label__required", "aria-hidden": "true", children: [' ', "*"] }))] }));
-});
-Label.displayName = 'Label';

package/dist/components/Form/Radio.d.ts

@@ -1,53 +0,0 @@
-import React from 'react';
-import './Radio.css';
-export interface RadioOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    /**
-     * Options for the radio group
-     */
-    options: RadioOption[];
-    /**
-     * Name attribute for the radio group (required)
-     */
-    name: string;
-    /**
-     * Label for the radio group
-     */
-    label?: string;
-    /**
-     * Error message to display
-     */
-    error?: string;
-    /**
-     * Helper text to display
-     */
-    helperText?: string;
-}
-/**
- * Accessible Radio component (radio group)
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper fieldset/legend structure
- * - 2.1.1 Keyboard: Full keyboard navigation
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- *
- * @example
- * ```tsx
- * <Radio
- *   name="size"
- *   label="Size"
- *   options={[
- *     { value: 's', label: 'Small' },
- *     { value: 'm', label: 'Medium' },
- *   ]}
- *   value={selected}
- *   onChange={handleChange}
- * />
- * ```
- */
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Radio.d.ts.map

package/dist/components/Form/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F;;OAEG;IACH,OAAO,EAAE,WAAW,EAAE,CAAA;IAEtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,qFAkFjB,CAAA"}

package/dist/components/Form/Radio.js

@@ -1,39 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { combineAriaDescribedBy } from '../../utils/aria';
-import './Radio.css';
-/**
- * Accessible Radio component (radio group)
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper fieldset/legend structure
- * - 2.1.1 Keyboard: Full keyboard navigation
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- *
- * @example
- * ```tsx
- * <Radio
- *   name="size"
- *   label="Size"
- *   options={[
- *     { value: 's', label: 'Small' },
- *     { value: 'm', label: 'Medium' },
- *   ]}
- *   value={selected}
- *   onChange={handleChange}
- * />
- * ```
- */
-export const Radio = React.forwardRef(({ name, options, label, error, helperText, className = '', value, onChange, disabled, required, 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
-    const groupId = React.useId();
-    const errorId = error ? `radio-${groupId}-error` : undefined;
-    const helperId = helperText ? `radio-${groupId}-helper` : undefined;
-    const describedBy = combineAriaDescribedBy(ariaDescribedBy, errorId, helperId);
-    return (_jsxs("div", { className: "form-radio-wrapper", children: [label && (_jsx("div", { className: "form-radio-label", role: "group", "aria-labelledby": label ? `radio-label-${groupId}` : undefined, children: _jsxs("span", { id: `radio-label-${groupId}`, className: "form-label", children: [label, required && (_jsxs("span", { className: "form-label__required", "aria-hidden": "true", children: [' ', "*"] }))] }) })), _jsx("div", { className: "form-radio-group", role: "radiogroup", "aria-describedby": describedBy, "aria-invalid": error ? true : undefined, children: options.map((option, index) => {
-                    const optionId = `radio-${groupId}-${index}`;
-                    const isChecked = value === option.value;
-                    return (_jsxs("div", { className: "form-radio-option", children: [_jsx("input", { ref: index === 0 ? ref : undefined, id: optionId, type: "radio", name: name, value: option.value, checked: isChecked, onChange: onChange, disabled: option.disabled || disabled, required: required, className: "form-radio", ...props }), _jsx("label", { htmlFor: optionId, className: "form-radio-label", children: option.label })] }, option.value));
-                }) }), helperText && !error && (_jsx("span", { id: helperId, className: "form-helper-text", children: helperText })), error && (_jsx("span", { id: errorId, className: "form-error-text", role: "alert", children: error }))] }));
-});
-Radio.displayName = 'Radio';

package/dist/components/Form/Select.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import './Select.css';
-export interface SelectOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'children'> {
-    /**
-     * Options for the select
-     */
-    options: SelectOption[];
-    /**
-     * Error message to display
-     */
-    error?: string;
-    /**
-     * Helper text to display below the select
-     */
-    helperText?: string;
-    /**
-     * Label for the select
-     */
-    label?: string;
-    /**
-     * Placeholder option text
-     */
-    placeholder?: string;
-}
-/**
- * Accessible Select component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-select association
- * - 2.1.1 Keyboard: Full keyboard navigation
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- *
- * @example
- * ```tsx
- * <Select
- *   id="country"
- *   label="Country"
- *   options={[
- *     { value: 'us', label: 'United States' },
- *     { value: 'ca', label: 'Canada' },
- *   ]}
- * />
- * ```
- */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-//# sourceMappingURL=Select.d.ts.map

package/dist/components/Form/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAClG;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,uFAgGlB,CAAA"}

package/dist/components/Form/Select.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { combineAriaDescribedBy } from '../../utils/aria';
-import './Select.css';
-/**
- * Accessible Select component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-select association
- * - 2.1.1 Keyboard: Full keyboard navigation
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- *
- * @example
- * ```tsx
- * <Select
- *   id="country"
- *   label="Country"
- *   options={[
- *     { value: 'us', label: 'United States' },
- *     { value: 'ca', label: 'Canada' },
- *   ]}
- * />
- * ```
- */
-export const Select = React.forwardRef(({ id, options, error, helperText, label, placeholder, className = '', 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
-    const selectId = React.useId();
-    const finalId = id || `select-${selectId}`;
-    const errorId = error ? `${finalId}-error` : undefined;
-    const helperId = helperText ? `${finalId}-helper` : undefined;
-    const describedBy = combineAriaDescribedBy(ariaDescribedBy, errorId, helperId);
-    const handleKeyDown = React.useCallback((event) => {
-        // Arrow keys are handled natively by select
-        // But we can add custom handling if needed
-        if (props.onKeyDown) {
-            props.onKeyDown(event);
-        }
-    }, [props.onKeyDown]);
-    const classes = [
-        'form-select',
-        error && 'form-select--error',
-        props.disabled && 'form-select--disabled',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsxs("div", { className: "form-select-wrapper", children: [label && (_jsxs("label", { htmlFor: finalId, className: "form-label", children: [label, props.required && (_jsxs("span", { className: "form-label__required", "aria-hidden": "true", children: [' ', "*"] }))] })), _jsxs("select", { ref: ref, id: finalId, className: classes, "aria-invalid": error ? true : undefined, "aria-describedby": describedBy, onKeyDown: handleKeyDown, required: props.required ? true : undefined, ...props, children: [placeholder && (_jsx("option", { value: "", disabled: true, children: placeholder })), options.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value)))] }), helperText && !error && (_jsx("span", { id: helperId, className: "form-helper-text", children: helperText })), error && (_jsx("span", { id: errorId, className: "form-error-text", role: "alert", children: error }))] }));
-});
-Select.displayName = 'Select';

package/dist/components/Form/Textarea.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import './Textarea.css';
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * Error message to display
-     */
-    error?: string;
-    /**
-     * Helper text to display below the textarea
-     */
-    helperText?: string;
-    /**
-     * Label for the textarea
-     */
-    label?: string;
-    /**
-     * Maximum character count (shows counter)
-     */
-    maxLength?: number;
-    /**
-     * Whether to show character count
-     */
-    showCount?: boolean;
-}
-/**
- * Accessible Textarea component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-textarea association
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- * - 4.1.3 Status Messages: Error messages announced
- *
- * @example
- * ```tsx
- * <Textarea
- *   id="message"
- *   label="Message"
- *   maxLength={500}
- *   showCount
- * />
- * ```
- */
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Form/Textarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,2FA0FpB,CAAA"}

package/dist/components/Form/Textarea.js

@@ -1,43 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { combineAriaDescribedBy } from '../../utils/aria';
-import './Textarea.css';
-/**
- * Accessible Textarea component
- *
- * WCAG Compliance:
- * - 1.3.1 Info and Relationships: Proper label-textarea association
- * - 4.1.2 Name, Role, Value: Proper ARIA attributes
- * - 4.1.3 Status Messages: Error messages announced
- *
- * @example
- * ```tsx
- * <Textarea
- *   id="message"
- *   label="Message"
- *   maxLength={500}
- *   showCount
- * />
- * ```
- */
-export const Textarea = React.forwardRef(({ id, error, helperText, label, maxLength, showCount = false, className = '', value, 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
-    const textareaId = React.useId();
-    const finalId = id || `textarea-${textareaId}`;
-    const errorId = error ? `${finalId}-error` : undefined;
-    const helperId = helperText ? `${finalId}-helper` : undefined;
-    const countId = showCount ? `${finalId}-count` : undefined;
-    const describedBy = combineAriaDescribedBy(ariaDescribedBy, errorId, helperId, countId);
-    const currentLength = typeof value === 'string' ? value.length : 0;
-    const remainingChars = maxLength ? maxLength - currentLength : undefined;
-    const classes = [
-        'form-textarea',
-        error && 'form-textarea--error',
-        props.disabled && 'form-textarea--disabled',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsxs("div", { className: "form-textarea-wrapper", children: [label && (_jsxs("label", { htmlFor: finalId, className: "form-label", children: [label, props.required && (_jsxs("span", { className: "form-label__required", "aria-hidden": "true", children: [' ', "*"] }))] })), _jsx("textarea", { ref: ref, id: finalId, className: classes, maxLength: maxLength, value: value, "aria-invalid": error ? true : undefined, "aria-describedby": describedBy, required: props.required ? true : undefined, ...props }), (showCount || helperText) && (_jsxs("div", { className: "form-textarea-footer", children: [helperText && !error && (_jsx("span", { id: helperId, className: "form-helper-text", children: helperText })), error && (_jsx("span", { id: errorId, className: "form-error-text", role: "alert", children: error })), showCount && maxLength && (_jsxs("span", { id: countId, className: "form-character-count", "aria-live": "polite", children: [currentLength, " / ", maxLength] }))] }))] }));
-});
-Textarea.displayName = 'Textarea';

package/dist/components/Form/index.d.ts

@@ -1,8 +0,0 @@
-export * from './Input';
-export * from './Textarea';
-export * from './Select';
-export * from './Checkbox';
-export * from './Radio';
-export * from './Fieldset';
-export * from './Label';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/components/Form/index.js

@@ -1,7 +0,0 @@
-export * from './Input';
-export * from './Textarea';
-export * from './Select';
-export * from './Checkbox';
-export * from './Radio';
-export * from './Fieldset';
-export * from './Label';

package/dist/components/Link/Link.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import './Link.css';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * Whether this is an external link
-     * Automatically adds rel="noopener noreferrer" for security
-     */
-    external?: boolean;
-    /**
-     * Whether this is a skip link (for keyboard navigation)
-     */
-    skip?: boolean;
-    /**
-     * ARIA label for the link (required if no visible text)
-     */
-    'aria-label'?: string;
-}
-/**
- * Accessible Link component
- *
- * WCAG Compliance:
- * - 2.4.4 Link Purpose: Clear link text or aria-label
- * - 2.4.7 Focus Visible: Clear focus indicators
- * - 4.1.2 Name, Role, Value: Proper semantic HTML
- *
- * @example
- * ```tsx
- * <Link href="/about" external>
- *   Learn more
- * </Link>
- * ```
- */
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-//# sourceMappingURL=Link.d.ts.map

package/dist/components/Link/Link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,CAAA;AAEnB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,qFA2EhB,CAAA"}

package/dist/components/Link/Link.js

@@ -1,48 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import './Link.css';
-/**
- * Accessible Link component
- *
- * WCAG Compliance:
- * - 2.4.4 Link Purpose: Clear link text or aria-label
- * - 2.4.7 Focus Visible: Clear focus indicators
- * - 4.1.2 Name, Role, Value: Proper semantic HTML
- *
- * @example
- * ```tsx
- * <Link href="/about" external>
- *   Learn more
- * </Link>
- * ```
- */
-export const Link = React.forwardRef(({ external = false, skip = false, href, rel, target, className = '', children, 'aria-label': ariaLabel, ...props }, ref) => {
-    // Determine if link is external based on href or explicit prop
-    const isExternal = external ||
-        (href && (href.startsWith('http') || href.startsWith('//')));
-    // Build rel attribute
-    const relAttributes = React.useMemo(() => {
-        const attrs = new Set(rel?.split(' ') || []);
-        if (isExternal) {
-            attrs.add('noopener');
-            attrs.add('noreferrer');
-        }
-        return Array.from(attrs).join(' ');
-    }, [isExternal, rel]);
-    // Set target for external links
-    const linkTarget = isExternal && !target ? '_blank' : target;
-    const classes = [
-        'link',
-        skip && 'link--skip',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    // Skip links should use button semantics if no href
-    if (skip && !href) {
-        return (_jsx("button", { ref: ref, className: classes, "aria-label": ariaLabel, ...props, children: children }));
-    }
-    return (_jsxs("a", { ref: ref, href: href, rel: relAttributes || undefined, target: linkTarget, className: classes, "aria-label": ariaLabel, ...props, children: [children, isExternal && (_jsxs("span", { className: "link__external-icon", "aria-hidden": "true", children: [' ', _jsx("span", { "aria-label": "(opens in new tab)", children: "\u2197" })] }))] }));
-});
-Link.displayName = 'Link';

package/dist/components/Link/index.d.ts

@@ -1,3 +0,0 @@
-export { Link } from './Link';
-export type { LinkProps } from './Link';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Link/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/dist/components/Link/index.js

@@ -1 +0,0 @@
-export { Link } from './Link';

package/dist/components/Modal/Modal.d.ts

@@ -1,64 +0,0 @@
-import React from 'react';
-import './Modal.css';
-export interface ModalProps {
-    /**
-     * Whether the modal is open
-     */
-    isOpen: boolean;
-    /**
-     * Callback when modal should close
-     */
-    onClose: () => void;
-    /**
-     * Title of the modal (required for accessibility)
-     */
-    title: string;
-    /**
-     * Content of the modal
-     */
-    children: React.ReactNode;
-    /**
-     * Whether to close on backdrop click
-     */
-    closeOnBackdropClick?: boolean;
-    /**
-     * Whether to close on ESC key press
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Size of the modal
-     */
-    size?: 'sm' | 'md' | 'lg' | 'full';
-    /**
-     * Element to return focus to when modal closes
-     */
-    returnFocusTo?: HTMLElement | null;
-}
-/**
- * Accessible Modal component using HTML5 dialog element
- *
- * Uses the native `<dialog>` element which provides:
- * - Built-in focus management and focus trapping
- * - Automatic body scroll prevention
- * - Native backdrop overlay
- * - ESC key handling (configurable)
- *
- * WCAG Compliance:
- * - 2.1.1 Keyboard: ESC key support, built-in focus trap
- * - 2.1.2 No Keyboard Trap: Focus returns to trigger
- * - 2.4.3 Focus Order: Focus trapped within modal (native behavior)
- * - 4.1.2 Name, Role, Value: ARIA modal pattern
- *
- * @example
- * ```tsx
- * <Modal
- *   isOpen={isOpen}
- *   onClose={() => setIsOpen(false)}
- *   title="Confirm Action"
- * >
- *   <p>Are you sure?</p>
- * </Modal>
- * ```
- */
-export declare const Modal: React.FC<ModalProps>;
-//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAElC;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2HtC,CAAA"}