@proyecto-viviana/solidaria 0.2.5 → 0.3.0

package/src/index.ts

@@ -1,14 +1,46 @@
-// Button
 export {
   createButton,
   createToggleButton,
+  createToggleButtonGroup,
+  createToggleButtonGroupItem,
   type AriaButtonProps,
   type ButtonAria,
   type AriaToggleButtonProps,
   type ToggleButtonAria,
-} from './button';
+  type AriaToggleButtonGroupProps,
+  type ToggleButtonGroupAria,
+  type AriaToggleButtonGroupItemProps,
+} from "./button";
+
+export {
+  createActionGroup,
+  createActionGroupItem,
+  type AriaActionGroupProps,
+  type ActionGroupAria,
+  type AriaActionGroupItemProps,
+  type ActionGroupItemAria,
+} from "./actiongroup";
+
+export {
+  CollectionBuilder,
+  Collection,
+  createLeafComponent,
+  createBranchComponent,
+  createHideableComponent,
+  useIsHidden,
+  useCachedChildren,
+  BaseCollection,
+  type CollectionBuilderProps,
+  type CollectionProps,
+  type CachedChildrenOptions,
+  type CollectionNode,
+  type ItemNode,
+  type SectionNode,
+  type FilterableNode,
+  type LoaderNode,
+  type HeaderNode,
+} from "./collections";
 
-// Checkbox
 export {
   createCheckbox,
   createCheckboxGroup,
@@ -22,9 +54,8 @@ export {
   type AriaCheckboxGroupItemProps,
   type CheckboxGroupProps,
   type CheckboxGroupState,
-} from './checkbox';
+} from "./checkbox";
 
-// Radio
 export {
   createRadio,
   createRadioGroup,
@@ -36,9 +67,8 @@ export {
   type RadioGroupAria,
   type RadioGroupProps,
   type RadioGroupState,
-} from './radio';
+} from "./radio";
 
-// Interactions
 export {
   createPress,
   createLongPress,
@@ -72,9 +102,8 @@ export {
   type HoverResult,
   type HoverEvent,
   type HoverEvents,
-} from './interactions';
+} from "./interactions";
 
-// Label
 export {
   createLabel,
   createField,
@@ -89,9 +118,8 @@ export {
   type HelpTextProps,
   type ValidationResult,
   type Validation,
-} from './label';
+} from "./label";
 
-// SSR
 export {
   // Basic utilities
   createIsSSR,
@@ -113,9 +141,8 @@ export {
   getOwnerDocument,
   getOwnerWindow,
   getPortalContainer,
-} from './ssr';
+} from "./ssr";
 
-// Toggle
 export {
   createToggle,
   createToggleState,
@@ -123,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,
@@ -177,9 +177,8 @@ export {
   type AutocompleteAria,
   type AutocompleteInputProps,
   type CollectionOptions,
-} from './autocomplete';
+} from "./autocomplete";
 
-// Overlays
 export {
   // Scroll prevention
   createPreventScroll,
@@ -204,16 +203,19 @@ export {
   ModalProvider,
   OverlayProvider,
   OverlayContainer,
+  UNSAFE_PortalProvider,
   useModalProvider,
+  useUNSAFE_PortalContext,
   createModal,
   type ModalProviderProps,
   type ModalProviderAria,
   type OverlayContainerProps,
+  type PortalProviderProps,
+  type PortalProviderContextValue,
   type AriaModalOptions,
   type ModalAria,
-} from './overlays';
+} from "./overlays";
 
-// ListBox
 export {
   createListBox,
   createOption,
@@ -222,9 +224,8 @@ export {
   type ListBoxAria,
   type AriaOptionProps,
   type OptionAria,
-} from './listbox';
+} from "./listbox";
 
-// Menu
 export {
   createMenu,
   createMenuItem,
@@ -236,9 +237,8 @@ export {
   type MenuItemAria,
   type AriaMenuTriggerProps,
   type MenuTriggerAria,
-} from './menu';
+} from "./menu";
 
-// Select
 export {
   createSelect,
   createHiddenSelect,
@@ -249,9 +249,8 @@ export {
   type AriaHiddenSelectProps,
   type HiddenSelectAria,
   type HiddenSelectProps,
-} from './select';
+} from "./select";
 
-// Tabs
 export {
   createTabList,
   createTab,
@@ -265,9 +264,8 @@ export {
   type TabAria,
   type AriaTabPanelProps,
   type TabPanelAria,
-} from './tabs';
+} from "./tabs";
 
-// Breadcrumbs
 export {
   createBreadcrumbs,
   createBreadcrumbItem,
@@ -275,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,
@@ -306,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,
@@ -331,9 +306,8 @@ export {
   type ToastAria,
   type AriaToastRegionProps,
   type ToastRegionAria,
-} from './toast';
+} from "./toast";
 
-// Popover
 export {
   createPopover,
   createOverlayPosition,
@@ -347,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,
@@ -365,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,
@@ -385,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,
@@ -403,54 +365,48 @@ 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,
-  // Date Picker
+  createTimeSegment,
+  type AriaTimeSegmentProps,
+  type TimeSegmentAria,
   createDatePicker,
+  createDateRangePicker,
   type AriaDatePickerProps,
   type DatePickerAria,
   type DatePickerState,
-} from './datepicker';
+  type AriaDateRangePickerProps,
+  type DateRangePickerAria,
+} from "./datepicker";
 
-// Grid
 export {
   createGrid,
   createGridRow,
@@ -464,9 +420,8 @@ export {
   type GridRowAria,
   type GridCellProps,
   type GridCellAria,
-} from './grid';
+} from "./grid";
 
-// Table
 export {
   createTable,
   createTableHeaderRow,
@@ -477,6 +432,7 @@ export {
   createTableSelectionCheckbox,
   createTableSelectAllCheckbox,
   getTableData,
+  createTableColumnResize,
   type AriaTableProps,
   type TableAria,
   type AriaTableHeaderRowProps,
@@ -492,9 +448,10 @@ export {
   type AriaTableSelectionCheckboxProps,
   type TableSelectionCheckboxAria,
   type TableSelectAllCheckboxAria,
-} from './table';
+  type CreateTableColumnResizeProps,
+  type TableColumnResizeResult,
+} from "./table";
 
-// GridList
 export {
   createGridList,
   createGridListItem,
@@ -506,9 +463,8 @@ export {
   type GridListItemAria,
   type AriaGridListSelectionCheckboxProps,
   type GridListSelectionCheckboxAria,
-} from './gridlist';
+} from "./gridlist";
 
-// Tree
 export {
   createTree,
   createTreeItem,
@@ -520,9 +476,8 @@ export {
   type TreeItemAria,
   type AriaTreeSelectionCheckboxProps,
   type TreeSelectionCheckboxAria,
-} from './tree';
+} from "./tree";
 
-// Color
 export {
   createColorSlider,
   createColorArea,
@@ -539,25 +494,23 @@ 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,
+  getGlobalDraggingKeys,
+  setGlobalDraggingTypes,
+  getGlobalDraggingTypes,
   setGlobalDropCollectionRef,
   getGlobalDropCollectionRef,
-  // Types
   type AriaDragOptions,
   type DragAria,
   type AriaDropOptions,
@@ -571,7 +524,6 @@ export {
   type DraggableItemAria,
   type DroppableItemOptions,
   type DroppableItemAria,
-  // Utilities
   CUSTOM_DRAG_TYPE,
   NATIVE_DRAG_TYPES,
   GENERIC_TYPE,
@@ -591,9 +543,8 @@ export {
   getGlobalDropEffect,
   setGlobalAllowedDropOperations,
   getGlobalAllowedDropOperations,
-} from './dnd';
+} from "./dnd";
 
-// Landmark
 export {
   createLandmark,
   getLandmarkController,
@@ -601,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,
@@ -620,9 +569,8 @@ export {
   type Assertiveness,
   type Message,
   type UseAnnouncerResult,
-} from './live-announcer';
+} from "./live-announcer";
 
-// Form
 export {
   createFormValidation,
   createFormReset,
@@ -630,11 +578,9 @@ export {
   type FormResetOptions,
   type ValidatableElement,
   type ValidationBehavior,
-} from './form';
+} from "./form";
 
-// i18n
 export {
-  // Locale
   I18nProvider,
   useLocale,
   createDefaultLocale,
@@ -642,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);
 }