@proyecto-viviana/solidaria 0.2.2 → 0.2.3

package/src/index.ts

@@ -0,0 +1,670 @@
+// Button
+export {
+  createButton,
+  createToggleButton,
+  type AriaButtonProps,
+  type ButtonAria,
+  type AriaToggleButtonProps,
+  type ToggleButtonAria,
+} from './button';
+
+// Checkbox
+export {
+  createCheckbox,
+  createCheckboxGroup,
+  createCheckboxGroupItem,
+  createCheckboxGroupState,
+  checkboxGroupData,
+  type AriaCheckboxProps,
+  type CheckboxAria,
+  type AriaCheckboxGroupProps,
+  type CheckboxGroupAria,
+  type AriaCheckboxGroupItemProps,
+  type CheckboxGroupProps,
+  type CheckboxGroupState,
+} from './checkbox';
+
+// Radio
+export {
+  createRadio,
+  createRadioGroup,
+  createRadioGroupState,
+  radioGroupData,
+  type AriaRadioProps,
+  type RadioAria,
+  type AriaRadioGroupProps,
+  type RadioGroupAria,
+  type RadioGroupProps,
+  type RadioGroupState,
+} from './radio';
+
+// Interactions
+export {
+  createPress,
+  createLongPress,
+  createMove,
+  createFocusable,
+  createFocusRing,
+  createFocusVisible,
+  createFocusVisibleListener,
+  addWindowFocusTracking,
+  isFocusVisible,
+  createHover,
+  type CreatePressProps,
+  type LongPressProps,
+  type LongPressResult,
+  type LongPressEvent,
+  type MoveEvents,
+  type MoveResult,
+  type MoveStartEvent,
+  type MoveMoveEvent,
+  type MoveEndEvent,
+  type PressResult,
+  type PressEvent,
+  type CreateFocusableProps,
+  type FocusableResult,
+  type FocusRingProps,
+  type FocusRingResult,
+  type FocusVisibleProps,
+  type FocusVisibleResult,
+  type FocusVisibleHandler,
+  type CreateHoverProps,
+  type HoverResult,
+  type HoverEvent,
+  type HoverEvents,
+} from './interactions';
+
+// Label
+export {
+  createLabel,
+  createField,
+  createLabels,
+  type LabelAriaProps,
+  type LabelAria,
+  type AriaLabelingProps,
+  type LabelableProps,
+  type DOMProps,
+  type AriaFieldProps,
+  type FieldAria,
+  type HelpTextProps,
+  type ValidationResult,
+  type Validation,
+} from './label';
+
+// SSR
+export {
+  // Basic utilities
+  createIsSSR,
+  createId,
+  canUseDOM,
+  // SSR Provider
+  SSRProvider,
+  type SSRProviderProps,
+  type SSRContextValue,
+  // Hydration state
+  createHydrationState,
+  useIsSSR,
+  // Browser-safe utilities
+  createBrowserEffect,
+  createBrowserValue,
+  // Safe DOM access
+  getWindow,
+  getDocument,
+  getOwnerDocument,
+  getOwnerWindow,
+  getPortalContainer,
+} from './ssr';
+
+// Toggle
+export {
+  createToggle,
+  createToggleState,
+  type AriaToggleProps,
+  type ToggleAria,
+  type ToggleStateOptions,
+  type ToggleState,
+} from './toggle';
+
+// Switch
+export {
+  createSwitch,
+  type AriaSwitchProps,
+  type SwitchAria,
+} from './switch';
+
+// Link
+export {
+  createLink,
+  type AriaLinkProps,
+  type LinkAria,
+} from './link';
+
+// TextField
+export {
+  createTextField,
+  type AriaTextFieldProps,
+  type TextFieldAria,
+} from './textfield';
+
+// ProgressBar
+export {
+  createProgressBar,
+  type AriaProgressBarProps,
+  type ProgressBarAria,
+} from './progress';
+
+// Separator
+export {
+  createSeparator,
+  type AriaSeparatorProps,
+  type SeparatorAria,
+  type Orientation,
+} from './separator';
+
+// Toolbar
+export {
+  createToolbar,
+  type AriaToolbarProps,
+  type ToolbarAria,
+} from './toolbar';
+
+// Autocomplete
+export {
+  createAutocomplete,
+  AUTOCOMPLETE_FOCUS_EVENT,
+  AUTOCOMPLETE_CLEAR_FOCUS_EVENT,
+  type AriaAutocompleteOptions,
+  type AutocompleteAria,
+  type AutocompleteInputProps,
+  type CollectionOptions,
+} from './autocomplete';
+
+// Overlays
+export {
+  // Scroll prevention
+  createPreventScroll,
+  type PreventScrollOptions,
+  // Overlay trigger
+  createOverlayTrigger,
+  onCloseMap,
+  type OverlayTriggerProps,
+  type OverlayTriggerAria,
+  // Overlay behavior
+  createOverlay,
+  type AriaOverlayProps,
+  type OverlayAria,
+  // Interact outside
+  createInteractOutside,
+  type InteractOutsideProps,
+  // Aria hiding
+  ariaHideOutside,
+  keepVisible,
+  type AriaHideOutsideOptions,
+  // Modal
+  ModalProvider,
+  OverlayProvider,
+  OverlayContainer,
+  useModalProvider,
+  createModal,
+  type ModalProviderProps,
+  type ModalProviderAria,
+  type OverlayContainerProps,
+  type AriaModalOptions,
+  type ModalAria,
+} from './overlays';
+
+// ListBox
+export {
+  createListBox,
+  createOption,
+  getListBoxData,
+  type AriaListBoxProps,
+  type ListBoxAria,
+  type AriaOptionProps,
+  type OptionAria,
+} from './listbox';
+
+// Menu
+export {
+  createMenu,
+  createMenuItem,
+  createMenuTrigger,
+  getMenuData,
+  type AriaMenuProps,
+  type MenuAria,
+  type AriaMenuItemProps,
+  type MenuItemAria,
+  type AriaMenuTriggerProps,
+  type MenuTriggerAria,
+} from './menu';
+
+// Select
+export {
+  createSelect,
+  createHiddenSelect,
+  HiddenSelect,
+  getSelectData,
+  type AriaSelectProps,
+  type SelectAria,
+  type AriaHiddenSelectProps,
+  type HiddenSelectAria,
+  type HiddenSelectProps,
+} from './select';
+
+// Tabs
+export {
+  createTabList,
+  createTab,
+  createTabPanel,
+  type TabListState,
+  type TabOrientation,
+  type KeyboardActivation,
+  type AriaTabListProps,
+  type TabListAria,
+  type AriaTabProps,
+  type TabAria,
+  type AriaTabPanelProps,
+  type TabPanelAria,
+} from './tabs';
+
+// Breadcrumbs
+export {
+  createBreadcrumbs,
+  createBreadcrumbItem,
+  type AriaBreadcrumbsProps,
+  type BreadcrumbsAria,
+  type AriaBreadcrumbItemProps,
+  type BreadcrumbItemAria,
+} from './breadcrumbs';
+
+// NumberField
+export {
+  createNumberField,
+  type AriaNumberFieldProps,
+  type NumberFieldAria,
+} from './numberfield';
+
+// SearchField
+export {
+  createSearchField,
+  type AriaSearchFieldProps,
+  type SearchFieldAria,
+} from './searchfield';
+
+// Slider
+export {
+  createSlider,
+  type AriaSliderProps,
+  type SliderAria,
+} from './slider';
+
+// Tooltip
+export {
+  createTooltip,
+  createTooltipTrigger,
+  type TooltipProps,
+  type TooltipAria,
+  type TooltipTriggerProps,
+  type TooltipTriggerAria,
+} from './tooltip';
+
+// ComboBox
+export {
+  createComboBox,
+  getComboBoxData,
+  type AriaComboBoxProps,
+  type ComboBoxAria,
+} from './combobox';
+
+// Dialog
+export {
+  createDialog,
+  type AriaDialogProps,
+  type DialogAria,
+} from './dialog';
+
+// Toast
+export {
+  createToast,
+  createToastRegion,
+  type AriaToastProps,
+  type ToastAria,
+  type AriaToastRegionProps,
+  type ToastRegionAria,
+} from './toast';
+
+// Popover
+export {
+  createPopover,
+  createOverlayPosition,
+  calculatePosition,
+  type AriaPopoverProps,
+  type PopoverAria,
+  type AriaPositionProps,
+  type PositionProps,
+  type PositionAria,
+  type Placement,
+  type PlacementAxis,
+  type PositionOpts,
+  type PositionResult,
+} from './popover';
+
+// Focus
+export {
+  // FocusScope
+  FocusScope,
+  useFocusManager,
+  type FocusScopeProps,
+  type FocusManager,
+  type FocusManagerOptions,
+  // Focus Restoration
+  createFocusRestore,
+  pushFocusStack,
+  popFocusStack,
+  getFocusStackLength,
+  clearFocusStack,
+  type FocusRestoreOptions,
+  type FocusRestoreResult,
+  // Virtual Focus
+  createVirtualFocus,
+  type VirtualFocusOptions,
+  type VirtualFocusResult,
+  // Auto Focus
+  createAutoFocus,
+  clearAutoFocusQueue,
+  getAutoFocusQueueLength,
+  type AutoFocusOptions,
+  type AutoFocusResult,
+} from './focus';
+
+// Disclosure
+export {
+  createDisclosure,
+  createDisclosureGroup,
+  type AriaDisclosureProps,
+  type DisclosureAria,
+  type AriaDisclosureGroupProps,
+  type DisclosureGroupAria,
+} from './disclosure';
+
+// Meter
+export {
+  createMeter,
+  type AriaMeterProps,
+  type MeterAria,
+} from './meter';
+
+// Tag
+export {
+  createTagGroup,
+  createTag,
+  getTagGroupData,
+  type AriaTagGroupProps,
+  type TagGroupAria,
+  type AriaTagProps,
+  type TagAria,
+} 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';
+
+// 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
+  createDatePicker,
+  type AriaDatePickerProps,
+  type DatePickerAria,
+  type DatePickerState,
+} from './datepicker';
+
+// Grid
+export {
+  createGrid,
+  createGridRow,
+  createGridCell,
+  GridKeyboardDelegate,
+  getGridData,
+  type KeyboardDelegate,
+  type GridProps,
+  type GridAria,
+  type GridRowProps,
+  type GridRowAria,
+  type GridCellProps,
+  type GridCellAria,
+} from './grid';
+
+// Table
+export {
+  createTable,
+  createTableHeaderRow,
+  createTableColumnHeader,
+  createTableRow,
+  createTableCell,
+  createTableRowGroup,
+  createTableSelectionCheckbox,
+  createTableSelectAllCheckbox,
+  getTableData,
+  type AriaTableProps,
+  type TableAria,
+  type AriaTableHeaderRowProps,
+  type TableHeaderRowAria,
+  type AriaTableColumnHeaderProps,
+  type TableColumnHeaderAria,
+  type AriaTableRowProps,
+  type TableRowAria,
+  type AriaTableCellProps,
+  type TableCellAria,
+  type AriaTableRowGroupProps,
+  type TableRowGroupAria,
+  type AriaTableSelectionCheckboxProps,
+  type TableSelectionCheckboxAria,
+  type TableSelectAllCheckboxAria,
+} from './table';
+
+// GridList
+export {
+  createGridList,
+  createGridListItem,
+  createGridListSelectionCheckbox,
+  getGridListData,
+  type AriaGridListProps,
+  type GridListAria,
+  type AriaGridListItemProps,
+  type GridListItemAria,
+  type AriaGridListSelectionCheckboxProps,
+  type GridListSelectionCheckboxAria,
+} from './gridlist';
+
+// Tree
+export {
+  createTree,
+  createTreeItem,
+  createTreeSelectionCheckbox,
+  getTreeData,
+  type AriaTreeProps,
+  type TreeAria,
+  type AriaTreeItemProps,
+  type TreeItemAria,
+  type AriaTreeSelectionCheckboxProps,
+  type TreeSelectionCheckboxAria,
+} from './tree';
+
+// Color
+export {
+  createColorSlider,
+  createColorArea,
+  createColorWheel,
+  createColorField,
+  createColorSwatch,
+  type AriaColorSliderOptions,
+  type ColorSliderAria,
+  type AriaColorAreaOptions,
+  type ColorAreaAria,
+  type AriaColorWheelOptions,
+  type ColorWheelAria,
+  type AriaColorFieldOptions,
+  type ColorFieldAria,
+  type AriaColorSwatchOptions,
+  type ColorSwatchAria,
+} from './color';
+
+// Drag & Drop
+export {
+  // Basic hooks
+  createDrag,
+  createDrop,
+  // Collection hooks
+  createDraggableCollection,
+  createDroppableCollection,
+  // Item hooks
+  createDraggableItem,
+  createDroppableItem,
+  // Global state
+  setGlobalDraggingCollectionRef,
+  getGlobalDraggingCollectionRef,
+  setGlobalDropCollectionRef,
+  getGlobalDropCollectionRef,
+  // Types
+  type AriaDragOptions,
+  type DragAria,
+  type AriaDropOptions,
+  type DropAria,
+  type DraggableCollectionOptions,
+  type DraggableCollectionAria,
+  type DroppableCollectionOptions,
+  type DroppableCollectionAria,
+  type DropTargetDelegate,
+  type DraggableItemOptions,
+  type DraggableItemAria,
+  type DroppableItemOptions,
+  type DroppableItemAria,
+  // Utilities
+  CUSTOM_DRAG_TYPE,
+  NATIVE_DRAG_TYPES,
+  GENERIC_TYPE,
+  DROP_OPERATION,
+  DROP_OPERATION_ALLOWED,
+  EFFECT_ALLOWED,
+  DROP_EFFECT_TO_DROP_OPERATION,
+  DROP_OPERATION_TO_DROP_EFFECT,
+  getTypes,
+  writeToDataTransfer,
+  readFromDataTransfer,
+  DragTypesImpl,
+  isTextDropItem,
+  isFileDropItem,
+  isDirectoryDropItem,
+  setGlobalDropEffect,
+  getGlobalDropEffect,
+  setGlobalAllowedDropOperations,
+  getGlobalAllowedDropOperations,
+} from './dnd';
+
+// Landmark
+export {
+  createLandmark,
+  getLandmarkController,
+  type AriaLandmarkRole,
+  type AriaLandmarkProps,
+  type LandmarkAria,
+  type LandmarkController,
+} from './landmark';
+
+// Visually Hidden
+export {
+  createVisuallyHidden,
+  visuallyHiddenStyles,
+  type AriaVisuallyHiddenProps,
+  type VisuallyHiddenAria,
+} from './visually-hidden';
+
+// Live Announcer
+export {
+  announce,
+  clearAnnouncer,
+  destroyAnnouncer,
+  useAnnouncer,
+  type Assertiveness,
+  type Message,
+  type UseAnnouncerResult,
+} from './live-announcer';
+
+// Form
+export {
+  createFormValidation,
+  createFormReset,
+  type FormValidationProps,
+  type FormResetOptions,
+  type ValidatableElement,
+  type ValidationBehavior,
+} from './form';
+
+// i18n
+export {
+  // Locale
+  I18nProvider,
+  useLocale,
+  createDefaultLocale,
+  getDefaultLocale,
+  type Direction,
+  type Locale,
+  type I18nProviderProps,
+  // RTL
+  isRTL,
+  // Number formatting
+  NumberFormatter,
+  createNumberFormatter,
+  type NumberFormatOptions,
+  // Date formatting
+  createDateFormatter,
+  // String collation
+  createCollator,
+  // String filtering
+  createFilter,
+  type Filter,
+} from './i18n';
+
+// Selection
+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';

package/src/interactions/FocusableProvider.tsx

@@ -0,0 +1,44 @@
+/**
+ * FocusableProvider - Provides DOM props to the nearest focusable child.
+ *
+ * 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';
+
+/**
+ * Provides DOM props to the nearest focusable child.
+ * Used to pass focus-related props through component boundaries.
+ *
+ * @example
+ * ```tsx
+ * import { FocusableProvider } from 'solidaria';
+ *
+ * function MyComponent() {
+ *   return (
+ *     <FocusableProvider onFocus={() => console.log('focused!')}>
+ *       <NestedFocusableComponent />
+ *     </FocusableProvider>
+ *   );
+ * }
+ * ```
+ */
+export const FocusableProvider: ParentComponent<
+  FocusableProviderProps & JSX.HTMLAttributes<HTMLElement>
+> = (props) => {
+  const { children, ...otherProps } = props;
+
+  const context: FocusableContextValue = {
+    ...otherProps,
+    ref: (_el: HTMLElement) => {
+      // Store ref if needed by parent
+    },
+  };
+
+  return (
+    <FocusableContext.Provider value={context}>
+      {children}
+    </FocusableContext.Provider>
+  );
+};