@proyecto-viviana/solidaria 0.2.8 → 0.3.0

package/src/index.ts

@@ -1,4 +1,3 @@
-// Button
 export {
   createButton,
   createToggleButton,
@@ -11,9 +10,8 @@ export {
   type AriaToggleButtonGroupProps,
   type ToggleButtonGroupAria,
   type AriaToggleButtonGroupItemProps,
-} from './button';
+} from "./button";
 
-// ActionGroup
 export {
   createActionGroup,
   createActionGroupItem,
@@ -21,9 +19,8 @@ export {
   type ActionGroupAria,
   type AriaActionGroupItemProps,
   type ActionGroupItemAria,
-} from './actiongroup';
+} from "./actiongroup";
 
-// Collections
 export {
   CollectionBuilder,
   Collection,
@@ -42,9 +39,8 @@ export {
   type FilterableNode,
   type LoaderNode,
   type HeaderNode,
-} from './collections';
+} from "./collections";
 
-// Checkbox
 export {
   createCheckbox,
   createCheckboxGroup,
@@ -58,9 +54,8 @@ export {
   type AriaCheckboxGroupItemProps,
   type CheckboxGroupProps,
   type CheckboxGroupState,
-} from './checkbox';
+} from "./checkbox";
 
-// Radio
 export {
   createRadio,
   createRadioGroup,
@@ -72,9 +67,8 @@ export {
   type RadioGroupAria,
   type RadioGroupProps,
   type RadioGroupState,
-} from './radio';
+} from "./radio";
 
-// Interactions
 export {
   createPress,
   createLongPress,
@@ -108,9 +102,8 @@ export {
   type HoverResult,
   type HoverEvent,
   type HoverEvents,
-} from './interactions';
+} from "./interactions";
 
-// Label
 export {
   createLabel,
   createField,
@@ -125,9 +118,8 @@ export {
   type HelpTextProps,
   type ValidationResult,
   type Validation,
-} from './label';
+} from "./label";
 
-// SSR
 export {
   // Basic utilities
   createIsSSR,
@@ -149,9 +141,8 @@ export {
   getOwnerDocument,
   getOwnerWindow,
   getPortalContainer,
-} from './ssr';
+} from "./ssr";
 
-// Toggle
 export {
   createToggle,
   createToggleState,
@@ -159,52 +150,25 @@ export {
   type ToggleAria,
   type ToggleStateOptions,
   type ToggleState,
-} from './toggle';
+} from "./toggle";
 
-// Switch
-export {
-  createSwitch,
-  type AriaSwitchProps,
-  type SwitchAria,
-} from './switch';
+export { createSwitch, type AriaSwitchProps, type SwitchAria } from "./switch";
 
-// Link
-export {
-  createLink,
-  type AriaLinkProps,
-  type LinkAria,
-} from './link';
+export { createLink, type AriaLinkProps, type LinkAria } from "./link";
 
-// TextField
-export {
-  createTextField,
-  type AriaTextFieldProps,
-  type TextFieldAria,
-} from './textfield';
+export { createTextField, type AriaTextFieldProps, type TextFieldAria } from "./textfield";
 
-// ProgressBar
-export {
-  createProgressBar,
-  type AriaProgressBarProps,
-  type ProgressBarAria,
-} from './progress';
+export { createProgressBar, type AriaProgressBarProps, type ProgressBarAria } from "./progress";
 
-// Separator
 export {
   createSeparator,
   type AriaSeparatorProps,
   type SeparatorAria,
   type Orientation,
-} from './separator';
+} from "./separator";
 
-// Toolbar
-export {
-  createToolbar,
-  type AriaToolbarProps,
-  type ToolbarAria,
-} from './toolbar';
+export { createToolbar, type AriaToolbarProps, type ToolbarAria } from "./toolbar";
 
-// Autocomplete
 export {
   createAutocomplete,
   AUTOCOMPLETE_FOCUS_EVENT,
@@ -213,9 +177,8 @@ export {
   type AutocompleteAria,
   type AutocompleteInputProps,
   type CollectionOptions,
-} from './autocomplete';
+} from "./autocomplete";
 
-// Overlays
 export {
   // Scroll prevention
   createPreventScroll,
@@ -251,9 +214,8 @@ export {
   type PortalProviderContextValue,
   type AriaModalOptions,
   type ModalAria,
-} from './overlays';
+} from "./overlays";
 
-// ListBox
 export {
   createListBox,
   createOption,
@@ -262,9 +224,8 @@ export {
   type ListBoxAria,
   type AriaOptionProps,
   type OptionAria,
-} from './listbox';
+} from "./listbox";
 
-// Menu
 export {
   createMenu,
   createMenuItem,
@@ -276,9 +237,8 @@ export {
   type MenuItemAria,
   type AriaMenuTriggerProps,
   type MenuTriggerAria,
-} from './menu';
+} from "./menu";
 
-// Select
 export {
   createSelect,
   createHiddenSelect,
@@ -289,9 +249,8 @@ export {
   type AriaHiddenSelectProps,
   type HiddenSelectAria,
   type HiddenSelectProps,
-} from './select';
+} from "./select";
 
-// Tabs
 export {
   createTabList,
   createTab,
@@ -305,9 +264,8 @@ export {
   type TabAria,
   type AriaTabPanelProps,
   type TabPanelAria,
-} from './tabs';
+} from "./tabs";
 
-// Breadcrumbs
 export {
   createBreadcrumbs,
   createBreadcrumbItem,
@@ -315,30 +273,14 @@ export {
   type BreadcrumbsAria,
   type AriaBreadcrumbItemProps,
   type BreadcrumbItemAria,
-} from './breadcrumbs';
+} from "./breadcrumbs";
 
-// NumberField
-export {
-  createNumberField,
-  type AriaNumberFieldProps,
-  type NumberFieldAria,
-} from './numberfield';
+export { createNumberField, type AriaNumberFieldProps, type NumberFieldAria } from "./numberfield";
 
-// SearchField
-export {
-  createSearchField,
-  type AriaSearchFieldProps,
-  type SearchFieldAria,
-} from './searchfield';
+export { createSearchField, type AriaSearchFieldProps, type SearchFieldAria } from "./searchfield";
 
-// Slider
-export {
-  createSlider,
-  type AriaSliderProps,
-  type SliderAria,
-} from './slider';
+export { createSlider, type AriaSliderProps, type SliderAria } from "./slider";
 
-// Tooltip
 export {
   createTooltip,
   createTooltipTrigger,
@@ -346,24 +288,17 @@ export {
   type TooltipAria,
   type TooltipTriggerProps,
   type TooltipTriggerAria,
-} from './tooltip';
+} from "./tooltip";
 
-// ComboBox
 export {
   createComboBox,
   getComboBoxData,
   type AriaComboBoxProps,
   type ComboBoxAria,
-} from './combobox';
+} from "./combobox";
 
-// Dialog
-export {
-  createDialog,
-  type AriaDialogProps,
-  type DialogAria,
-} from './dialog';
+export { createDialog, type AriaDialogProps, type DialogAria } from "./dialog";
 
-// Toast
 export {
   createToast,
   createToastRegion,
@@ -371,9 +306,8 @@ export {
   type ToastAria,
   type AriaToastRegionProps,
   type ToastRegionAria,
-} from './toast';
+} from "./toast";
 
-// Popover
 export {
   createPopover,
   createOverlayPosition,
@@ -387,17 +321,14 @@ export {
   type PlacementAxis,
   type PositionOpts,
   type PositionResult,
-} from './popover';
+} from "./popover";
 
-// Focus
 export {
-  // FocusScope
   FocusScope,
   useFocusManager,
   type FocusScopeProps,
   type FocusManager,
   type FocusManagerOptions,
-  // Focus Restoration
   createFocusRestore,
   pushFocusStack,
   popFocusStack,
@@ -405,19 +336,16 @@ export {
   clearFocusStack,
   type FocusRestoreOptions,
   type FocusRestoreResult,
-  // Virtual Focus
   createVirtualFocus,
   type VirtualFocusOptions,
   type VirtualFocusResult,
-  // Auto Focus
   createAutoFocus,
   clearAutoFocusQueue,
   getAutoFocusQueueLength,
   type AutoFocusOptions,
   type AutoFocusResult,
-} from './focus';
+} from "./focus";
 
-// Disclosure
 export {
   createDisclosure,
   createDisclosureGroup,
@@ -425,16 +353,10 @@ export {
   type DisclosureAria,
   type AriaDisclosureGroupProps,
   type DisclosureGroupAria,
-} from './disclosure';
+} from "./disclosure";
 
-// Meter
-export {
-  createMeter,
-  type AriaMeterProps,
-  type MeterAria,
-} from './meter';
+export { createMeter, type AriaMeterProps, type MeterAria } from "./meter";
 
-// Tag
 export {
   createTagGroup,
   createTag,
@@ -443,51 +365,39 @@ export {
   type TagGroupAria,
   type AriaTagProps,
   type TagAria,
-} from './tag';
+} from "./tag";
 
-// Calendar
 export {
-  // Calendar
   createCalendar,
   type AriaCalendarProps,
   type CalendarAria,
-  // Calendar Grid
   createCalendarGrid,
   type AriaCalendarGridProps,
   type CalendarGridAria,
-  // Calendar Cell
   createCalendarCell,
   type AriaCalendarCellProps,
   type CalendarCellAria,
-  // Range Calendar
   createRangeCalendar,
   type AriaRangeCalendarProps,
   type RangeCalendarAria,
-  // Range Calendar Cell
   createRangeCalendarCell,
   type AriaRangeCalendarCellProps,
   type RangeCalendarCellAria,
-} from './calendar';
+} from "./calendar";
 
-// DatePicker
 export {
-  // Date Field
   createDateField,
   type AriaDateFieldProps,
   type DateFieldAria,
-  // Date Segment
   createDateSegment,
   type AriaDateSegmentProps,
   type DateSegmentAria,
-  // Time Field
   createTimeField,
   type AriaTimeFieldProps,
   type TimeFieldAria,
-  // Time Segment
   createTimeSegment,
   type AriaTimeSegmentProps,
   type TimeSegmentAria,
-  // Date Picker
   createDatePicker,
   createDateRangePicker,
   type AriaDatePickerProps,
@@ -495,9 +405,8 @@ export {
   type DatePickerState,
   type AriaDateRangePickerProps,
   type DateRangePickerAria,
-} from './datepicker';
+} from "./datepicker";
 
-// Grid
 export {
   createGrid,
   createGridRow,
@@ -511,9 +420,8 @@ export {
   type GridRowAria,
   type GridCellProps,
   type GridCellAria,
-} from './grid';
+} from "./grid";
 
-// Table
 export {
   createTable,
   createTableHeaderRow,
@@ -524,6 +432,7 @@ export {
   createTableSelectionCheckbox,
   createTableSelectAllCheckbox,
   getTableData,
+  createTableColumnResize,
   type AriaTableProps,
   type TableAria,
   type AriaTableHeaderRowProps,
@@ -539,9 +448,10 @@ export {
   type AriaTableSelectionCheckboxProps,
   type TableSelectionCheckboxAria,
   type TableSelectAllCheckboxAria,
-} from './table';
+  type CreateTableColumnResizeProps,
+  type TableColumnResizeResult,
+} from "./table";
 
-// GridList
 export {
   createGridList,
   createGridListItem,
@@ -553,9 +463,8 @@ export {
   type GridListItemAria,
   type AriaGridListSelectionCheckboxProps,
   type GridListSelectionCheckboxAria,
-} from './gridlist';
+} from "./gridlist";
 
-// Tree
 export {
   createTree,
   createTreeItem,
@@ -567,9 +476,8 @@ export {
   type TreeItemAria,
   type AriaTreeSelectionCheckboxProps,
   type TreeSelectionCheckboxAria,
-} from './tree';
+} from "./tree";
 
-// Color
 export {
   createColorSlider,
   createColorArea,
@@ -586,20 +494,15 @@ export {
   type ColorFieldAria,
   type AriaColorSwatchOptions,
   type ColorSwatchAria,
-} from './color';
+} from "./color";
 
-// Drag & Drop
 export {
-  // Basic hooks
   createDrag,
   createDrop,
-  // Collection hooks
   createDraggableCollection,
   createDroppableCollection,
-  // Item hooks
   createDraggableItem,
   createDroppableItem,
-  // Global state
   setGlobalDraggingCollectionRef,
   getGlobalDraggingCollectionRef,
   setGlobalDraggingKeys,
@@ -608,7 +511,6 @@ export {
   getGlobalDraggingTypes,
   setGlobalDropCollectionRef,
   getGlobalDropCollectionRef,
-  // Types
   type AriaDragOptions,
   type DragAria,
   type AriaDropOptions,
@@ -622,7 +524,6 @@ export {
   type DraggableItemAria,
   type DroppableItemOptions,
   type DroppableItemAria,
-  // Utilities
   CUSTOM_DRAG_TYPE,
   NATIVE_DRAG_TYPES,
   GENERIC_TYPE,
@@ -642,9 +543,8 @@ export {
   getGlobalDropEffect,
   setGlobalAllowedDropOperations,
   getGlobalAllowedDropOperations,
-} from './dnd';
+} from "./dnd";
 
-// Landmark
 export {
   createLandmark,
   getLandmarkController,
@@ -652,17 +552,15 @@ export {
   type AriaLandmarkProps,
   type LandmarkAria,
   type LandmarkController,
-} from './landmark';
+} from "./landmark";
 
-// Visually Hidden
 export {
   createVisuallyHidden,
   visuallyHiddenStyles,
   type AriaVisuallyHiddenProps,
   type VisuallyHiddenAria,
-} from './visually-hidden';
+} from "./visually-hidden";
 
-// Live Announcer
 export {
   announce,
   clearAnnouncer,
@@ -671,9 +569,8 @@ export {
   type Assertiveness,
   type Message,
   type UseAnnouncerResult,
-} from './live-announcer';
+} from "./live-announcer";
 
-// Form
 export {
   createFormValidation,
   createFormReset,
@@ -681,11 +578,9 @@ export {
   type FormResetOptions,
   type ValidatableElement,
   type ValidationBehavior,
-} from './form';
+} from "./form";
 
-// i18n
 export {
-  // Locale
   I18nProvider,
   useLocale,
   createDefaultLocale,
@@ -693,29 +588,33 @@ export {
   type Direction,
   type Locale,
   type I18nProviderProps,
-  // RTL
   isRTL,
-  // Number formatting
   NumberFormatter,
   createNumberFormatter,
   type NumberFormatOptions,
-  // Date formatting
   createDateFormatter,
-  // String collation
+  createStringFormatter,
+  createStringDictionary,
+  type LocalizedString,
+  type LocalizedStringDictionary,
+  type LocalizedStringFormatter,
+  type LocalizedStrings,
   createCollator,
-  // String filtering
   createFilter,
   type Filter,
-} from './i18n';
+} from "./i18n";
 
-// Selection
 export {
-  createTypeSelect,
-  type TypeSelectOptions,
-  type TypeSelectAria,
-} from './selection';
+  createStepList,
+  createStep,
+  type AriaStepListProps,
+  type StepListAria,
+  type AriaStepProps,
+  type StepAria,
+} from "./steplist";
+
+export { createTypeSelect, type TypeSelectOptions, type TypeSelectAria } from "./selection";
 
-// Utils
-export { mergeProps, filterDOMProps, type FilterDOMPropsOptions } from './utils';
-export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from './utils';
-export { createDescription, type DescriptionProps } from './utils';
+export { mergeProps, filterDOMProps, focusSafely, type FilterDOMPropsOptions } from "./utils";
+export { access, isAccessor, type MaybeAccessor, type MaybeAccessorValue } from "./utils";
+export { createDescription, type DescriptionProps } from "./utils";

package/src/interactions/FocusableProvider.tsx

@@ -4,8 +4,8 @@
  * This is a 1-1 port of React-Aria's FocusableProvider adapted for SolidJS.
  */
 
-import { JSX, ParentComponent } from 'solid-js';
-import { FocusableContext, FocusableContextValue, FocusableProviderProps } from './createFocusable';
+import { JSX, ParentComponent } from "solid-js";
+import { FocusableContext, FocusableContextValue, FocusableProviderProps } from "./createFocusable";
 
 /**
  * Provides DOM props to the nearest focusable child.
@@ -36,9 +36,5 @@ export const FocusableProvider: ParentComponent<
     },
   };
 
-  return (
-    <FocusableContext.Provider value={context}>
-      {children}
-    </FocusableContext.Provider>
-  );
+  return <FocusableContext.Provider value={context}>{children}</FocusableContext.Provider>;
 };

package/src/interactions/PressEvent.ts

@@ -3,8 +3,8 @@
  * Wraps native events with press-specific data.
  */
 
-export type PointerType = 'mouse' | 'pen' | 'touch' | 'keyboard' | 'virtual';
-export type PressEventType = 'pressstart' | 'pressend' | 'pressup' | 'press';
+export type PointerType = "mouse" | "pen" | "touch" | "keyboard" | "virtual";
+export type PressEventType = "pressstart" | "pressend" | "pressup" | "press";
 
 /**
  * Minimal event data needed to create a PressEvent.
@@ -67,7 +67,7 @@ export class PressEvent implements IPressEvent {
     type: PressEventType,
     pointerType: PointerType,
     originalEvent: PressEventSource | null,
-    target: Element | null
+    target: Element | null,
   ) {
     this.type = type;
     this.pointerType = pointerType;
@@ -120,7 +120,7 @@ export function createPressEvent(
   type: PressEventType,
   pointerType: PointerType,
   originalEvent: PressEventSource | null,
-  target: Element | null
+  target: Element | null,
 ): PressEvent {
   return new PressEvent(type, pointerType, originalEvent, target);
 }

package/src/interactions/createFocus.ts

@@ -5,8 +5,8 @@
  * Focus events on child elements will be ignored.
  */
 
-import { JSX, onCleanup } from 'solid-js';
-import { getOwnerDocument, getEventTarget } from '../utils';
+import { JSX, onCleanup } from "solid-js";
+import { getOwnerDocument, getEventTarget } from "../utils";
 function getActiveElement(doc: Document): Element | null {
   let activeElement = doc.activeElement;
   while (activeElement && (activeElement as Element).shadowRoot?.activeElement) {
@@ -40,7 +40,10 @@ export interface FocusResult {
  * Most browsers fire a native focusout event in this case, except for Firefox.
  * We use a MutationObserver to watch for the disabled attribute.
  */
-function createSyntheticBlurHandler(): (_e: FocusEvent, target: Element) => (() => void) | undefined {
+function createSyntheticBlurHandler(): (
+  _e: FocusEvent,
+  target: Element,
+) => (() => void) | undefined {
   let isFocused = false;
   let observer: MutationObserver | null = null;
 
@@ -62,7 +65,7 @@ function createSyntheticBlurHandler(): (_e: FocusEvent, target: Element) => (()
         }
       };
 
-      target.addEventListener('focusout', onBlurHandler, { once: true });
+      target.addEventListener("focusout", onBlurHandler, { once: true });
 
       observer = new MutationObserver(() => {
         if (isFocused && (target as HTMLButtonElement).disabled) {
@@ -70,13 +73,14 @@ function createSyntheticBlurHandler(): (_e: FocusEvent, target: Element) => (()
           observer?.disconnect();
           observer = null;
           const ownerDocument = target.ownerDocument;
-          const relatedTarget = target === ownerDocument.activeElement ? null : ownerDocument.activeElement;
-          target.dispatchEvent(new FocusEvent('blur', { relatedTarget }));
-          target.dispatchEvent(new FocusEvent('focusout', { bubbles: true, relatedTarget }));
+          const relatedTarget =
+            target === ownerDocument.activeElement ? null : ownerDocument.activeElement;
+          target.dispatchEvent(new FocusEvent("blur", { relatedTarget }));
+          target.dispatchEvent(new FocusEvent("focusout", { bubbles: true, relatedTarget }));
         }
       });
 
-      observer.observe(target, { attributes: true, attributeFilter: ['disabled'] });
+      observer.observe(target, { attributes: true, attributeFilter: ["disabled"] });
 
       // Return cleanup function
       return () => {