@koobiq/react-primitives 0.27.1 → 0.28.0

package/dist/behaviors/useButton.d.ts

@@ -1,7 +1,9 @@
 import type { ElementType, RefObject } from 'react';
-import type { DOMAttributes, HoverEvents } from '@koobiq/react-core';
+import type { DOMAttributes, HoverEvents, RouterOptions } from '@koobiq/react-core';
 import type { AriaButtonOptions, ButtonAria } from '@react-aria/button';
-export type UseButtonProps<E extends ElementType> = AriaButtonOptions<E> & HoverEvents;
+export type UseButtonProps<E extends ElementType> = AriaButtonOptions<E> & HoverEvents & {
+    routerOptions?: RouterOptions;
+};
 export type ButtonOptions = AriaButtonOptions<ElementType>;
 export type UseButtonReturn = {
     isPressed: boolean;

package/dist/behaviors/useButton.js

@@ -1,8 +1,9 @@
 "use client";
-import { useFocusRing, useHover, mergeProps } from "@koobiq/react-core";
+import { useFocusRing, useHover, useRouter, useLinkProps, mergeProps, handleLinkClick } from "@koobiq/react-core";
 import { useButton as useButton$1 } from "@react-aria/button";
 function useButton(props, ref) {
   const { isDisabled } = props;
+  const isLink = (props.elementType === "a" || !props.elementType && !!props.href) && !props.isDisabled;
   const { focusProps, isFocused, isFocusVisible } = useFocusRing({
     within: true
   });
@@ -14,7 +15,21 @@ function useButton(props, ref) {
     props,
     ref
   );
-  const buttonProps = mergeProps(buttonPropsAria, focusProps, hoverProps);
+  const router = useRouter();
+  const routerLinkProps = useLinkProps(props);
+  const buttonProps = mergeProps(
+    buttonPropsAria,
+    focusProps,
+    hoverProps,
+    isLink ? routerLinkProps : void 0
+  );
+  const { onClick } = buttonProps;
+  buttonProps.onClick = (e) => {
+    onClick?.(e);
+    if (isLink) {
+      handleLinkClick(e, router, props.href, props.routerOptions);
+    }
+  };
   return {
     isPressed,
     isHovered,

package/dist/behaviors/useNumberField.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from 'react';
 import type { AriaNumberFieldProps } from '@react-aria/numberfield';
 export type UseNumberFieldProps = AriaNumberFieldProps;
-export declare function useNumberField(props: UseNumberFieldProps, ref: RefObject<HTMLInputElement | null>): import("@react-aria/numberfield").NumberFieldAria;
+export declare function useNumberField(props: UseNumberFieldProps, ref: RefObject<HTMLInputElement | null>): import("react-aria").NumberFieldAria;
 export type UseNumberFieldReturn = ReturnType<typeof useNumberField>;

package/dist/components/Button/Button.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { polymorphicForwardRef, useDOMRef, filterDOMProps, mergeProps } from "@koobiq/react-core";
-import { useContextProps, useRenderProps } from "../../utils/index.js";
-import { ButtonContext } from "./ButtonContext.js";
+import { useContextProps, ButtonContext, useRenderProps } from "react-aria-components";
 import { useButton } from "../../behaviors/useButton.js";
 const Button = polymorphicForwardRef(
   (props, ref) => {

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

@@ -1,3 +1,2 @@
 export * from './Button.js';
 export * from './types.js';
-export * from './ButtonContext';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,5 @@
-import { type CheckboxRenderProps } from './index';
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("@react-types/checkbox").AriaCheckboxProps, keyof import("../..").RenderProps<CheckboxRenderProps> | "inputRef"> & import("../..").RenderProps<CheckboxRenderProps> & {
+import type { CheckboxRenderProps } from './index';
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("react-aria").AriaCheckboxProps, "slot" | keyof import("../../utils").RenderProps<CheckboxRenderProps> | "inputRef"> & import("../../utils").RenderProps<CheckboxRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
+    slot?: string;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Checkbox/Checkbox.js

@@ -4,12 +4,14 @@ import { forwardRef, useContext } from "react";
 import { useDOMRef, filterDOMProps, mergeProps } from "@koobiq/react-core";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 import { useToggleState } from "@react-stately/toggle";
-import { removeDataAttributes, useRenderProps } from "../../utils/index.js";
+import { useContextProps, CheckboxContext, useRenderProps } from "react-aria-components";
+import { removeDataAttributes } from "../../utils/index.js";
 import { CheckboxGroupContext } from "./CheckboxGroupContext.js";
 import { useCheckboxGroupItem } from "../../behaviors/useCheckboxGroupItem.js";
 import { useCheckbox } from "../../behaviors/useCheckbox.js";
 const Checkbox = forwardRef(
-  (props, ref) => {
+  (inProps, inRef) => {
+    const [props, ref] = useContextProps(inProps, inRef, CheckboxContext);
     const { children, inputRef } = props;
     const groupState = useContext(CheckboxGroupContext);
     const domRef = useDOMRef(inputRef);

package/dist/components/Checkbox/types.d.ts

@@ -15,6 +15,7 @@ export type CheckboxRenderProps = {
 };
 type CheckboxBaseProps = RenderProps<CheckboxRenderProps> & {
     inputRef?: RefObject<HTMLInputElement | null>;
+    slot?: string;
 };
 export type CheckboxProps = ExtendableProps<CheckboxBaseProps, UseCheckboxProps>;
 export {};

package/dist/components/FieldError/FieldError.d.ts

@@ -1,6 +1,6 @@
-import { type ComponentPropsWithRef, type ElementType } from 'react';
+import type { ComponentPropsWithRef, ElementType } from 'react';
 import type { ValidationResult } from '@koobiq/react-core';
-import { type RenderProps } from '../../utils';
+import type { RenderProps } from 'react-aria-components';
 export declare const FieldErrorContext: import("react").Context<ValidationResult | null>;
 export type FieldErrorRenderProps = ValidationResult;
 export type FieldErrorBaseProps = RenderProps<FieldErrorRenderProps>;

package/dist/components/FieldError/FieldError.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { polymorphicForwardRef, isNotNil } from "@koobiq/react-core";
-import { useRenderProps } from "../../utils/index.js";
+import { useRenderProps } from "react-aria-components";
 import { Text } from "../Text/Text.js";
 const FieldErrorContext = createContext(null);
 const FieldError = polymorphicForwardRef(

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

@@ -1,5 +1,6 @@
 import type { GlobalDOMAttributes, FormProps as SharedFormProps } from '@koobiq/react-core';
-import type { ContextValue, DOMProps } from '../../utils';
+import type { ContextValue } from 'react-aria-components';
+import type { DOMProps } from '../../utils';
 export interface FormProps extends SharedFormProps, DOMProps, GlobalDOMAttributes<HTMLFormElement> {
     /**
      * Whether to use native HTML form validation to prevent form submission

package/dist/components/Form/Form.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, forwardRef } from "react";
 import { FormValidationContext } from "@react-stately/form";
-import { useContextProps } from "../../utils/index.js";
+import { useContextProps } from "react-aria-components";
 const FormContext = createContext(null);
 const Form = forwardRef(function Form2(props, ref) {
   [props, ref] = useContextProps(props, ref, FormContext);

package/dist/components/Group/Group.d.ts

@@ -1,2 +1,2 @@
-import { type GroupProps } from './index';
+import type { GroupProps } from './index';
 export declare const Group: import("react").ForwardRefExoticComponent<Omit<GroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Group/Group.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { mergeProps, useHover, useFocusRing, useMultiRef } from "@koobiq/react-core";
-import { useRenderProps } from "../../utils/index.js";
+import { useRenderProps } from "react-aria-components";
 import { useGroupContext } from "./GroupContext.js";
 const Group = forwardRef((props, ref) => {
   const defaultProps = useGroupContext();

package/dist/components/Label/Label.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { polymorphicForwardRef } from "@koobiq/react-core";
-import { useContextProps } from "../../utils/index.js";
+import { useContextProps } from "react-aria-components";
 import { LabelContext } from "./LabelContext.js";
 const Label = polymorphicForwardRef(
   (props, ref) => {

package/dist/components/Link/Link.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { polymorphicForwardRef, useObjectRef, filterDOMProps, mergeProps } from "@koobiq/react-core";
-import { useRenderProps } from "../../utils/index.js";
+import { useRenderProps } from "react-aria-components";
 import { useLink } from "../../behaviors/useLink.js";
 const Link = polymorphicForwardRef((props, ref) => {
   const { as: Tag = "a", ...other } = props;

package/dist/components/NumberField/NumberField.d.ts

@@ -1 +1 @@
-export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<import("@react-types/numberfield").AriaNumberFieldProps & Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "form" | "name" | "disabled">, keyof import("../..").RenderProps<import("./types").NumberFieldRenderProps>> & import("../..").RenderProps<import("./types").NumberFieldRenderProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<import("react-aria").AriaNumberFieldProps & Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "form" | "name" | "disabled">, keyof import("../../utils").RenderProps<import("./types").NumberFieldRenderProps>> & import("../../utils").RenderProps<import("./types").NumberFieldRenderProps> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/NumberField/NumberField.js

@@ -5,14 +5,14 @@ import { filterDOMProps } from "@koobiq/react-core";
 import { useLocale } from "@react-aria/i18n";
 import { useNumberField } from "@react-aria/numberfield";
 import { useNumberFieldState } from "@react-stately/numberfield";
-import { useSlottedContext, removeDataAttributes, useRenderProps, Provider, DEFAULT_SLOT } from "../../utils/index.js";
+import { useSlottedContext, useRenderProps, Provider, ButtonContext, DEFAULT_SLOT } from "react-aria-components";
+import { removeDataAttributes } from "../../utils/index.js";
 import { GroupContext } from "../Group/GroupContext.js";
+import { FormContext } from "../Form/Form.js";
 import { LabelContext } from "../Label/LabelContext.js";
 import { InputContext } from "../Input/InputContext.js";
-import { ButtonContext } from "../Button/ButtonContext.js";
 import { TextContext } from "../Text/TextContext.js";
 import { FieldErrorContext } from "../FieldError/FieldError.js";
-import { FormContext } from "../Form/Form.js";
 const NumberField = forwardRef(
   (props, ref) => {
     const { isDisabled, isReadOnly, isRequired } = props;

package/dist/components/ProgressBar/ProgressBar.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { polymorphicForwardRef, mergeProps } from "@koobiq/react-core";
 import { useProgressBar } from "@react-aria/progress";
-import { useRenderProps, Provider } from "../../utils/index.js";
+import { useRenderProps, Provider } from "react-aria-components";
 import { LabelContext } from "../Label/LabelContext.js";
 const ProgressBar = polymorphicForwardRef(
   (props, ref) => {

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

@@ -1,4 +1,4 @@
 import type { RadioRenderProps } from './index';
-export declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("@react-types/radio").AriaRadioProps, "inputRef" | keyof import("../..").RenderProps<RadioRenderProps>> & import("../..").RenderProps<RadioRenderProps> & {
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("react-aria").AriaRadioProps, "inputRef" | keyof import("../../utils").RenderProps<RadioRenderProps>> & import("../../utils").RenderProps<RadioRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Radio/Radio.js

@@ -3,7 +3,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import { useDOMRef, filterDOMProps, mergeProps } from "@koobiq/react-core";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { removeDataAttributes, useRenderProps } from "../../utils/index.js";
+import { useRenderProps } from "react-aria-components";
+import { removeDataAttributes } from "../../utils/index.js";
 import { RadioContext } from "./RadioContext.js";
 import { useRadio } from "../../behaviors/useRadio.js";
 const Radio = forwardRef(

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

@@ -1 +1 @@
-export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("@react-types/radio").AriaRadioGroupProps, keyof import("../..").RenderProps<import("./types").RadioGroupRenderProps>> & import("../..").RenderProps<import("./types").RadioGroupRenderProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("react-aria").AriaRadioGroupProps, keyof import("../../utils").RenderProps<import("./types").RadioGroupRenderProps>> & import("../../utils").RenderProps<import("./types").RadioGroupRenderProps> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Radio/RadioGroup.js

@@ -2,11 +2,12 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { filterDOMProps } from "@koobiq/react-core";
-import { useSlottedContext, removeDataAttributes, useRenderProps, Provider, DEFAULT_SLOT } from "../../utils/index.js";
+import { useSlottedContext, useRenderProps, Provider } from "react-aria-components";
+import { removeDataAttributes, DEFAULT_SLOT } from "../../utils/index.js";
 import { useRadioGroupState } from "../../behaviors/useRadioGroupState.js";
+import { FormContext } from "../Form/Form.js";
 import { useRadioGroup } from "../../behaviors/useRadioGroup.js";
 import { FieldErrorContext } from "../FieldError/FieldError.js";
-import { FormContext } from "../Form/Form.js";
 import { RadioContext } from "./RadioContext.js";
 import { LabelContext } from "../Label/LabelContext.js";
 import { TextContext } from "../Text/TextContext.js";

package/dist/components/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
 import type { SwitchRenderProps } from './index';
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<import("../..").UseSwitchProps, "inputRef" | keyof import("../..").RenderProps<SwitchRenderProps>> & import("../..").RenderProps<SwitchRenderProps> & {
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<import("../..").UseSwitchProps, "inputRef" | keyof import("../../utils").RenderProps<SwitchRenderProps>> & import("../../utils").RenderProps<SwitchRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Switch/Switch.js

@@ -3,7 +3,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useDOMRef, filterDOMProps, mergeProps } from "@koobiq/react-core";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { removeDataAttributes, useRenderProps } from "../../utils/index.js";
+import { useRenderProps } from "react-aria-components";
+import { removeDataAttributes } from "../../utils/index.js";
 import { useSwitch } from "../../behaviors/useSwitch.js";
 const Switch = forwardRef(
   (props, ref) => {

package/dist/components/Text/Text.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { polymorphicForwardRef } from "@koobiq/react-core";
-import { useContextProps } from "../../utils/index.js";
+import { useContextProps } from "react-aria-components";
 import { TextContext } from "./TextContext.js";
 const Text = polymorphicForwardRef((props, ref) => {
   const [ctxProps, ctxRef] = useContextProps(props, ref, TextContext);

package/dist/components/TextField/TextField.js

@@ -3,11 +3,11 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useCallback } from "react";
 import { useLocalizedStringFormatter, useControlledState, useIsomorphicEffect, filterDOMProps } from "@koobiq/react-core";
 import { useTextField } from "@react-aria/textfield";
-import { useSlottedContext, removeDataAttributes, useRenderProps, Provider, DEFAULT_SLOT } from "../../utils/index.js";
+import { useSlottedContext, useRenderProps, Provider, ButtonContext, DEFAULT_SLOT } from "react-aria-components";
+import { removeDataAttributes } from "../../utils/index.js";
 import intlMessages from "./intl.json.js";
 import { InputContext } from "../Input/InputContext.js";
 import { TextareaContext } from "../Textarea/TextareaContext.js";
-import { ButtonContext } from "../Button/ButtonContext.js";
 import { FormContext } from "../Form/Form.js";
 import { LabelContext } from "../Label/LabelContext.js";
 import { TextContext } from "../Text/TextContext.js";
@@ -113,8 +113,7 @@ function TextFieldRender(props, ref) {
                   "clear-button": {
                     "aria-label": stringFormatter.format("clear"),
                     preventFocusOnPress: true,
-                    onPress: handleClear,
-                    tabIndex: -1
+                    onPress: handleClear
                   }
                 }
               }

package/dist/index.d.ts

@@ -47,6 +47,8 @@ export { useCalendar, useCalendarCell, useCalendarGrid, } from '@react-aria/cale
 export * from '@react-stately/calendar';
 export * from '@react-stately/form';
 export * from '@react-aria/selection';
+export type { ContextValue, TreeProps, TreeRenderProps, TreeItemProps, TreeItemRenderProps, TreeItemContentProps, TreeItemContentRenderProps, TreeLoadMoreItemProps, TreeLoadMoreItemRenderProps, } from 'react-aria-components';
+export { Tree, Provider, TreeItem, TreeContext, Collection, TreeItemContent, ButtonContext, TreeStateContext, TreeLoadMoreItem, useContextProps, DEFAULT_SLOT, useSlottedContext, composeRenderProps, } from 'react-aria-components';
 export * from './behaviors';
 export * from './components';
-export * from './utils';
+export { removeDataAttributes } from './utils';

package/dist/index.js

@@ -45,7 +45,8 @@ import { useCalendar, useCalendarCell, useCalendarGrid } from "@react-aria/calen
 export * from "@react-stately/calendar";
 export * from "@react-stately/form";
 export * from "@react-aria/selection";
-import { DEFAULT_SLOT, Provider, removeDataAttributes, useContextProps, useRenderProps, useSlottedContext } from "./utils/index.js";
+import { ButtonContext, Collection, DEFAULT_SLOT, Provider, Tree, TreeContext, TreeItem, TreeItemContent, TreeLoadMoreItem, TreeStateContext, composeRenderProps, useContextProps, useSlottedContext } from "react-aria-components";
+import { removeDataAttributes } from "./utils/index.js";
 import { useButton } from "./behaviors/useButton.js";
 import { useCheckbox } from "./behaviors/useCheckbox.js";
 import { useCheckboxGroupItem } from "./behaviors/useCheckboxGroupItem.js";
@@ -63,7 +64,6 @@ import { TextContext } from "./components/Text/TextContext.js";
 import { Group } from "./components/Group/Group.js";
 import { GroupContext, useGroupContext } from "./components/Group/GroupContext.js";
 import { Button } from "./components/Button/Button.js";
-import { ButtonContext } from "./components/Button/ButtonContext.js";
 import { Checkbox } from "./components/Checkbox/Checkbox.js";
 import { CheckboxGroupContext } from "./components/Checkbox/CheckboxGroupContext.js";
 import { Link } from "./components/Link/Link.js";
@@ -87,6 +87,7 @@ export {
   ButtonContext,
   Checkbox,
   CheckboxGroupContext,
+  Collection,
   DEFAULT_SLOT,
   FieldError,
   FieldErrorContext,
@@ -112,6 +113,13 @@ export {
   TextField,
   Textarea,
   TextareaContext,
+  Tree,
+  TreeContext,
+  TreeItem,
+  TreeItemContent,
+  TreeLoadMoreItem,
+  TreeStateContext,
+  composeRenderProps,
   removeDataAttributes,
   useAutocomplete,
   useAutocompleteState,
@@ -135,7 +143,6 @@ export {
   useRadio,
   useRadioGroup,
   useRadioGroupState,
-  useRenderProps,
   useSlottedContext,
   useSwitch,
   useTextareaContext,

package/dist/utils/index.d.ts

@@ -1,16 +1,9 @@
-import type { JSX, CSSProperties, ReactNode, Context, ForwardedRef } from 'react';
-import type { AriaLabelingProps, DOMProps as SharedDOMProps, RefObject } from '@koobiq/react-core';
+import type { CSSProperties, ReactNode, ForwardedRef } from 'react';
+import type { DOMProps as SharedDOMProps } from '@koobiq/react-core';
 export declare const DEFAULT_SLOT: unique symbol;
 interface SlottedValue<T> {
     slots?: Record<string | symbol, T>;
 }
-export interface SlotProps {
-    /**
-     * A slot name for the component. Slots allow the component to receive props from a parent component.
-     * An explicit `null` value indicates that the local props completely override all props received from a parent.
-     */
-    slot?: string | null;
-}
 export type WithRef<T, E> = T & {
     ref?: ForwardedRef<E>;
 };
@@ -42,28 +35,5 @@ export interface RenderProps<T> extends StyleRenderProps<T> {
         defaultChildren: ReactNode | undefined;
     }) => ReactNode);
 }
-interface RenderPropsHookOptions<T> extends RenderProps<T>, SharedDOMProps, AriaLabelingProps {
-    values: T;
-    defaultChildren?: ReactNode;
-    defaultClassName?: string;
-    defaultStyle?: CSSProperties;
-}
-export type UserRenderPropsReturn = {
-    className: string | undefined;
-    style: CSSProperties | undefined;
-    children: ReactNode | undefined;
-};
-export declare function useRenderProps<T>(props: RenderPropsHookOptions<T>): UserRenderPropsReturn;
-type ProviderValue<T> = [Context<T>, T];
-type ProviderValues<T extends unknown[]> = {
-    [K in keyof T]: ProviderValue<T[K]>;
-};
-interface ProviderProps<T extends unknown[]> {
-    values: ProviderValues<T>;
-    children: ReactNode;
-}
-export declare function Provider<T extends unknown[]>({ values, children, }: ProviderProps<T>): JSX.Element;
 export declare function removeDataAttributes<T>(props: T): T;
-export declare function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null): T | null | undefined;
-export declare function useContextProps<T, U extends SlotProps, E extends Element>(props: T & SlotProps, ref: ForwardedRef<E> | undefined, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>];
 export {};

package/dist/utils/index.js

@@ -1,62 +1,4 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useContext } from "react";
-import { useObjectRef, mergeRefs, mergeProps } from "@koobiq/react-core";
 const DEFAULT_SLOT = Symbol("default");
-function useRenderProps(props) {
-  const {
-    className,
-    style,
-    children,
-    defaultClassName = void 0,
-    defaultChildren = void 0,
-    defaultStyle,
-    values
-  } = props;
-  return useMemo(() => {
-    let computedClassName;
-    let computedStyle;
-    let computedChildren;
-    if (typeof className === "function") {
-      computedClassName = className({ ...values, defaultClassName });
-    } else {
-      computedClassName = className;
-    }
-    if (typeof style === "function") {
-      computedStyle = style({ ...values, defaultStyle: defaultStyle || {} });
-    } else {
-      computedStyle = style;
-    }
-    if (typeof children === "function") {
-      computedChildren = children({ ...values, defaultChildren });
-    } else if (children == null) {
-      computedChildren = defaultChildren;
-    } else {
-      computedChildren = children;
-    }
-    return {
-      className: computedClassName ?? defaultClassName,
-      style: computedStyle || defaultStyle ? { ...defaultStyle, ...computedStyle } : void 0,
-      children: computedChildren ?? defaultChildren
-    };
-  }, [
-    className,
-    style,
-    children,
-    defaultClassName,
-    defaultChildren,
-    defaultStyle,
-    values
-  ]);
-}
-function Provider({
-  values,
-  children
-}) {
-  return values.reduceRight(
-    (acc, [Context, value]) => /* @__PURE__ */ jsx(Context.Provider, { value, children: acc }),
-    children
-  );
-}
 function removeDataAttributes(props) {
   const prefix = /^(data-.*)$/;
   const filteredProps = {};
@@ -67,52 +9,7 @@ function removeDataAttributes(props) {
   }
   return filteredProps;
 }
-function useSlottedContext(context, slot) {
-  const ctx = useContext(context);
-  if (slot === null) {
-    return null;
-  }
-  if (ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots) {
-    const slotKey = slot || DEFAULT_SLOT;
-    if (!ctx.slots[slotKey]) {
-      const availableSlots = new Intl.ListFormat().format(
-        Object.keys(ctx.slots).map((p) => `"${p}"`)
-      );
-      const errorMessage = slot ? `Invalid slot "${slot}".` : "A slot prop is required.";
-      throw new Error(
-        `${errorMessage} Valid slot names are ${availableSlots}.`
-      );
-    }
-    return ctx.slots[slotKey];
-  }
-  return ctx;
-}
-function useContextProps(props, ref, context) {
-  const ctx = useSlottedContext(context, props.slot) || {};
-  const { ref: contextRef, ...contextProps } = ctx;
-  const mergedRef = useObjectRef(
-    useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef])
-  );
-  const mergedProps = mergeProps(contextProps, props);
-  if ("style" in contextProps && contextProps.style && "style" in props && props.style) {
-    if (typeof contextProps.style === "function" || typeof props.style === "function") {
-      mergedProps.style = (renderProps) => {
-        const contextStyle = typeof contextProps.style === "function" ? contextProps.style(renderProps) : contextProps.style;
-        const defaultStyle = { ...renderProps.defaultStyle, ...contextStyle };
-        const style = typeof props.style === "function" ? props.style({ ...renderProps, defaultStyle }) : props.style;
-        return { ...defaultStyle, ...style };
-      };
-    } else {
-      mergedProps.style = { ...contextProps.style, ...props.style };
-    }
-  }
-  return [mergedProps, mergedRef];
-}
 export {
   DEFAULT_SLOT,
-  Provider,
-  removeDataAttributes,
-  useContextProps,
-  useRenderProps,
-  useSlottedContext
+  removeDataAttributes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-primitives",
-  "version": "0.27.1",
+  "version": "0.28.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -77,8 +77,9 @@
     "@react-stately/toggle": "^3.9.4",
     "@react-stately/tooltip": "^3.5.10",
     "@react-stately/tree": "^3.9.5",
-    "@koobiq/react-core": "0.27.1",
-    "@koobiq/logger": "0.27.1"
+    "react-aria-components": "^1.15.1",
+    "@koobiq/logger": "0.28.0",
+    "@koobiq/react-core": "0.28.0"
   },
   "peerDependencies": {
     "react": "18.x || 19.x",

package/dist/components/Button/ButtonContext.d.ts

@@ -1,3 +0,0 @@
-import type { ContextValue } from '../../utils';
-import type { ButtonProps } from './index';
-export declare const ButtonContext: import("react").Context<ContextValue<ButtonProps, HTMLElement>>;

package/dist/components/Button/ButtonContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from "react";
-const ButtonContext = createContext({});
-export {
-  ButtonContext
-};