@proyecto-viviana/solidaria 0.2.5 → 0.3.0

package/src/interactions/index.ts

@@ -1,6 +1,6 @@
 // Press interactions
-export { createPress, type CreatePressProps, type PressResult } from './createPress';
-export { PressEvent, type IPressEvent, type PressEventType } from './PressEvent';
+export { createPress, type CreatePressProps, type PressResult } from "./createPress";
+export { PressEvent, type IPressEvent, type PressEventType } from "./PressEvent";
 
 // Long press interactions
 export {
@@ -8,18 +8,30 @@ export {
   type LongPressProps,
   type LongPressResult,
   type LongPressEvent,
-} from './createLongPress';
+} from "./createLongPress";
 
 // Move interactions
-export { createMove, type MoveEvents, type MoveResult, type MoveStartEvent, type MoveMoveEvent, type MoveEndEvent } from './createMove';
+export {
+  createMove,
+  type MoveEvents,
+  type MoveResult,
+  type MoveStartEvent,
+  type MoveMoveEvent,
+  type MoveEndEvent,
+} from "./createMove";
 
 // Focus interactions
-export { createFocus, type CreateFocusProps, type FocusResult, type FocusEvents } from './createFocus';
+export {
+  createFocus,
+  type CreateFocusProps,
+  type FocusResult,
+  type FocusEvents,
+} from "./createFocus";
 export {
   createFocusWithin,
   type FocusWithinProps,
   type FocusWithinResult,
-} from './createFocusWithin';
+} from "./createFocusWithin";
 export {
   createFocusable,
   FocusableContext,
@@ -29,13 +41,9 @@ export {
   type FocusableProviderProps,
   type FocusableProps,
   type FocusableDOMProps,
-} from './createFocusable';
-export { FocusableProvider } from './FocusableProvider';
-export {
-  createFocusRing,
-  type FocusRingProps,
-  type FocusRingResult,
-} from './createFocusRing';
+} from "./createFocusable";
+export { FocusableProvider } from "./FocusableProvider";
+export { createFocusRing, type FocusRingProps, type FocusRingResult } from "./createFocusRing";
 
 // Interaction modality
 export {
@@ -56,7 +64,7 @@ export {
   type FocusVisibleResult,
   type FocusVisibleHandler,
   type InteractionModalityResult,
-} from './createInteractionModality';
+} from "./createInteractionModality";
 
 // Hover interactions
 export {
@@ -66,7 +74,7 @@ export {
   type HoverResult,
   type HoverEvent,
   type HoverEvents,
-} from './createHover';
+} from "./createHover";
 
 // Keyboard interactions
 export {
@@ -75,4 +83,4 @@ export {
   type KeyboardResult,
   type KeyboardEvents,
   type KeyboardEvent,
-} from './createKeyboard';
+} from "./createKeyboard";

package/src/label/createField.ts

@@ -8,15 +8,17 @@
  * This is a 1:1 port of @react-aria/label's useField hook.
  */
 
-import { JSX } from 'solid-js';
-import { createId } from '../ssr';
-import { createLabel, type LabelAriaProps, type LabelAria, type AriaLabelingProps, type DOMProps } from './createLabel';
-import { mergeProps } from '../utils/mergeProps';
-import { type MaybeAccessor, access } from '../utils/reactivity';
-
-// ============================================
-// TYPES
-// ============================================
+import { JSX } from "solid-js";
+import { createId } from "../ssr";
+import {
+  createLabel,
+  type LabelAriaProps,
+  type LabelAria,
+  type AriaLabelingProps,
+  type DOMProps,
+} from "./createLabel";
+import { mergeProps } from "../utils/mergeProps";
+import { type MaybeAccessor, access } from "../utils/reactivity";
 
 export interface HelpTextProps {
   /** A description for the field. Provides a hint such as specific requirements for what to choose. */
@@ -43,7 +45,8 @@ export interface Validation<T> {
   validate?: (value: T) => string | string[] | true | null | undefined;
 }
 
-export interface AriaFieldProps extends LabelAriaProps, HelpTextProps, Omit<Validation<any>, 'isRequired'> {}
+export interface AriaFieldProps
+  extends LabelAriaProps, HelpTextProps, Omit<Validation<any>, "isRequired"> {}
 
 export interface FieldAria extends LabelAria {
   /** Props for the description element, if any. */
@@ -52,10 +55,6 @@ export interface FieldAria extends LabelAria {
   errorMessageProps: JSX.HTMLAttributes<HTMLElement>;
 }
 
-// ============================================
-// IMPLEMENTATION
-// ============================================
-
 /**
  * Provides the accessibility implementation for input fields.
  * Fields accept user input, gain context from their label, and may display
@@ -72,7 +71,7 @@ export function createField(props: MaybeAccessor<AriaFieldProps>): FieldAria {
   const descriptionId = createId();
   const errorMessageId = createId();
 
-  const getDescriptionProps = (): FieldAria['descriptionProps'] => {
+  const getDescriptionProps = (): FieldAria["descriptionProps"] => {
     const { description, errorMessage, isInvalid } = getProps();
 
     // Only include ID if description exists or there's an error message that might be shown
@@ -85,7 +84,7 @@ export function createField(props: MaybeAccessor<AriaFieldProps>): FieldAria {
     };
   };
 
-  const getErrorMessageProps = (): FieldAria['errorMessageProps'] => {
+  const getErrorMessageProps = (): FieldAria["errorMessageProps"] => {
     const { errorMessage, isInvalid } = getProps();
 
     // Only include ID if there's an error message and the field is invalid
@@ -116,15 +115,15 @@ export function createField(props: MaybeAccessor<AriaFieldProps>): FieldAria {
     }
 
     // Add any existing aria-describedby from props
-    const existingDescribedBy = getProps()['aria-describedby'];
+    const existingDescribedBy = getProps()["aria-describedby"];
     if (existingDescribedBy) {
       describedByIds.push(existingDescribedBy);
     }
 
-    const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(' ') : undefined;
+    const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(" ") : undefined;
 
     return mergeProps(baseLabelFieldProps, {
-      'aria-describedby': ariaDescribedBy,
+      "aria-describedby": ariaDescribedBy,
     }) as AriaLabelingProps & DOMProps;
   };
 

package/src/label/createLabel.ts

@@ -7,25 +7,21 @@
  * This is a 1:1 port of @react-aria/label's useLabel hook.
  */
 
-import { JSX } from 'solid-js';
-import { createId } from '../ssr';
-import { createLabels } from './createLabels';
-import { type MaybeAccessor, access } from '../utils/reactivity';
-import { isDevEnv } from '../utils/env';
-
-// ============================================
-// TYPES
-// ============================================
+import { JSX } from "solid-js";
+import { createId } from "../ssr";
+import { createLabels } from "./createLabels";
+import { type MaybeAccessor, access } from "../utils/reactivity";
+import { isDevEnv } from "../utils/env";
 
 export interface AriaLabelingProps {
   /** Defines a string value that labels the current element. */
-  'aria-label'?: string;
+  "aria-label"?: string;
   /** Identifies the element (or elements) that labels the current element. */
-  'aria-labelledby'?: string;
+  "aria-labelledby"?: string;
   /** Identifies the element (or elements) that describes the object. */
-  'aria-describedby'?: string;
+  "aria-describedby"?: string;
   /** Identifies the element (or elements) that provide a detailed, extended description for the object. */
-  'aria-details'?: string;
+  "aria-details"?: string;
 }
 
 export interface LabelableProps {
@@ -43,7 +39,7 @@ export interface LabelAriaProps extends LabelableProps, DOMProps, AriaLabelingPr
    * The HTML element used to render the label, e.g. 'label', or 'span'.
    * @default 'label'
    */
-  labelElementType?: 'label' | 'span' | 'div';
+  labelElementType?: "label" | "span" | "div";
 }
 
 export interface LabelAria {
@@ -53,10 +49,6 @@ export interface LabelAria {
   fieldProps: AriaLabelingProps & DOMProps;
 }
 
-// ============================================
-// IMPLEMENTATION
-// ============================================
-
 /**
  * Provides the accessibility implementation for labels and their associated elements.
  * Labels provide context for user inputs.
@@ -69,8 +61,8 @@ export function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {
   const id = createId(getProps().id);
   const labelId = createId();
 
-  const getLabelProps = (): LabelAria['labelProps'] => {
-    const { label, labelElementType = 'label' } = getProps();
+  const getLabelProps = (): LabelAria["labelProps"] => {
+    const { label, labelElementType = "label" } = getProps();
 
     if (!label) {
       return {};
@@ -78,16 +70,12 @@ export function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {
 
     return {
       id: labelId,
-      ...(labelElementType === 'label' ? { for: id } : {}),
+      ...(labelElementType === "label" ? { for: id } : {}),
     };
   };
 
-  const getFieldProps = (): LabelAria['fieldProps'] => {
-    const {
-      label,
-      'aria-labelledby': ariaLabelledby,
-      'aria-label': ariaLabel,
-    } = getProps();
+  const getFieldProps = (): LabelAria["fieldProps"] => {
+    const { label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel } = getProps();
 
     let labelledBy = ariaLabelledby;
 
@@ -95,14 +83,14 @@ export function createLabel(props: MaybeAccessor<LabelAriaProps>): LabelAria {
       labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
     } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {
       console.warn(
-        'If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility'
+        "If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility",
       );
     }
 
     return createLabels({
       id,
-      'aria-label': ariaLabel,
-      'aria-labelledby': labelledBy,
+      "aria-label": ariaLabel,
+      "aria-labelledby": labelledBy,
     });
   };
 

package/src/label/createLabels.ts

@@ -6,8 +6,8 @@
  * This is a 1:1 port of @react-aria/utils's useLabels hook.
  */
 
-import { createId } from '../ssr';
-import type { AriaLabelingProps, DOMProps } from './createLabel';
+import { createId } from "../ssr";
+import type { AriaLabelingProps, DOMProps } from "./createLabel";
 
 /**
  * Merges aria-label and aria-labelledby into aria-labelledby when both exist.
@@ -17,13 +17,9 @@ import type { AriaLabelingProps, DOMProps } from './createLabel';
  */
 export function createLabels(
   props: DOMProps & AriaLabelingProps,
-  defaultLabel?: string
+  defaultLabel?: string,
 ): DOMProps & AriaLabelingProps {
-  let {
-    id,
-    'aria-label': label,
-    'aria-labelledby': labelledBy,
-  } = props;
+  let { id, "aria-label": label, "aria-labelledby": labelledBy } = props;
 
   // Generate an ID if not provided
   id = createId(id);
@@ -32,9 +28,9 @@ export function createLabels(
   // combine them by pointing to the element itself.
   if (labelledBy && label) {
     const ids = new Set([id, ...labelledBy.trim().split(/\s+/)]);
-    labelledBy = [...ids].join(' ');
+    labelledBy = [...ids].join(" ");
   } else if (labelledBy) {
-    labelledBy = labelledBy.trim().split(/\s+/).join(' ');
+    labelledBy = labelledBy.trim().split(/\s+/).join(" ");
   }
 
   // If no labels are provided, use the default
@@ -44,7 +40,7 @@ export function createLabels(
 
   return {
     id,
-    'aria-label': label,
-    'aria-labelledby': labelledBy,
+    "aria-label": label,
+    "aria-labelledby": labelledBy,
   };
 }

package/src/label/index.ts

@@ -1,19 +1,19 @@
-export { createLabel } from './createLabel';
+export { createLabel } from "./createLabel";
 export type {
   LabelAriaProps,
   LabelAria,
   AriaLabelingProps,
   LabelableProps,
   DOMProps,
-} from './createLabel';
+} from "./createLabel";
 
-export { createField } from './createField';
+export { createField } from "./createField";
 export type {
   AriaFieldProps,
   FieldAria,
   HelpTextProps,
   ValidationResult,
   Validation,
-} from './createField';
+} from "./createField";
 
-export { createLabels } from './createLabels';
+export { createLabels } from "./createLabels";