@koobiq/react-primitives 0.0.1-beta.12 → 0.0.1-beta.14

package/dist/behaviors/useButton.js

@@ -2,7 +2,7 @@
 import { useFocusRing, useHover, mergeProps } from "@koobiq/react-core";
 import { useButton as useButton$1 } from "@react-aria/button";
 function useButton(props, ref) {
-  const { onClick, onPress, disabled, ...otherProps } = props;
+  const { disabled, ...otherProps } = props;
   const {
     focusProps,
     isFocused: focused,
@@ -17,7 +17,6 @@ function useButton(props, ref) {
   const { buttonProps: commonButtonProps, isPressed: pressed } = useButton$1(
     {
       ...otherProps,
-      onPress: onPress || onClick,
       isDisabled: disabled
     },
     ref

package/dist/behaviors/useLink.d.ts

@@ -3,7 +3,6 @@ import type { ExtendableProps } from '@koobiq/react-core';
 import type { AriaLinkOptions } from '@react-aria/link';
 export type UseLinkProps = ExtendableProps<{
     disabled?: boolean;
-    onClick?: AriaLinkOptions['onPress'];
 }, Omit<AriaLinkOptions, 'isDisabled'>>;
 export declare function useLink(props: UseLinkProps, ref: RefObject<HTMLElement | null>): {
     linkProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;

package/dist/behaviors/useLink.js

@@ -2,7 +2,7 @@
 import { useHover, useFocusRing, mergeProps } from "@koobiq/react-core";
 import { useLink as useLink$1 } from "@react-aria/link";
 function useLink(props, ref) {
-  const { disabled, onClick, ...otherProps } = props;
+  const { disabled, ...otherProps } = props;
   const { hoverProps, isHovered } = useHover({
     ...otherProps,
     isDisabled: disabled
@@ -11,7 +11,6 @@ function useLink(props, ref) {
   const { linkProps: commonLinkProps, isPressed } = useLink$1(
     {
       ...otherProps,
-      onPress: onClick,
       isDisabled: disabled
     },
     ref

package/dist/components/Button/Button.js

@@ -26,7 +26,7 @@ const Button = polymorphicForwardRef(
     const { hovered, pressed, focused, focusVisible, buttonProps } = useButton(
       {
         ...commonProps,
-        ...loading && {
+        ...(loading || disabled) && {
           onPress: void 0,
           onPressStart: void 0,
           onPressEnd: void 0,

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

@@ -1,3 +1,3 @@
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("../..").UseCheckboxProps, keyof import("../../utils").RenderProps<import("./types").CheckboxRenderProps> | "inputRef"> & import("../../utils").RenderProps<import("./types").CheckboxRenderProps> & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("../..").UseCheckboxProps, keyof import("../..").RenderProps<import("./types").CheckboxRenderProps> | "inputRef"> & import("../..").RenderProps<import("./types").CheckboxRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Link/Link.js

@@ -5,9 +5,24 @@ import { useRenderProps } from "../../utils/index.js";
 import { useLink } from "../../behaviors/useLink.js";
 const Link = polymorphicForwardRef((props, ref) => {
   const { as: Tag = "a", ...commonProps } = props;
+  const { disabled } = commonProps;
   const domRef = useDOMRef(ref);
   const { hovered, pressed, focused, focusVisible, linkProps } = useLink(
-    commonProps,
+    {
+      ...commonProps,
+      ...disabled && {
+        onPress: void 0,
+        onPressStart: void 0,
+        onPressEnd: void 0,
+        onPressChange: void 0,
+        onPressUp: void 0,
+        onKeyDown: void 0,
+        onKeyUp: void 0,
+        onClick: void 0,
+        href: void 0
+      },
+      disabled
+    },
     domRef
   );
   const renderValues = {

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

@@ -1 +1 @@
-export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<import("../..").UseNumberFieldProps, keyof import("../../utils").RenderProps<import("./types").NumberFieldRenderProps>> & import("../../utils").RenderProps<import("./types").NumberFieldRenderProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<import("../..").UseNumberFieldProps, keyof import("../..").RenderProps<import("./types").NumberFieldRenderProps>> & import("../..").RenderProps<import("./types").NumberFieldRenderProps> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
-export declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("../..").UseRadioProps, "inputRef" | keyof import("../../utils").RenderProps<import("./types").RadioRenderProps>> & import("../../utils").RenderProps<import("./types").RadioRenderProps> & {
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("../..").UseRadioProps, "inputRef" | keyof import("../..").RenderProps<import("./types").RadioRenderProps>> & import("../..").RenderProps<import("./types").RadioRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
 } & import("react").RefAttributes<HTMLLabelElement>>;

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

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

package/dist/components/TextField/TextField.d.ts

@@ -1 +1 @@
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("../..").UseTextFieldProps, keyof import("../../utils").RenderProps<import("./types").TextFieldRenderProps>> & import("../../utils").RenderProps<import("./types").TextFieldRenderProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("../..").UseTextFieldProps, keyof import("../..").RenderProps<import("./types").TextFieldRenderProps>> & import("../..").RenderProps<import("./types").TextFieldRenderProps> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
-export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<import("../..").UseToggleProps, "inputRef" | keyof import("../../utils").RenderProps<import("./types").ToggleRenderProps>> & import("../../utils").RenderProps<import("./types").ToggleRenderProps> & {
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<import("../..").UseToggleProps, "inputRef" | keyof import("../..").RenderProps<import("./types").ToggleRenderProps>> & import("../..").RenderProps<import("./types").ToggleRenderProps> & {
     inputRef?: import("react").RefObject<HTMLInputElement | null>;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { useLocale, I18nProvider, useLocalizedStringFormatter, type I18nProvider
 import { useListBox, useOption, useListBoxSection, type AriaListBoxProps } from '@react-aria/listbox';
 import { Overlay, usePopover, useModalOverlay, useOverlayTrigger, useOverlayPosition, type AriaModalOverlayProps } from '@react-aria/overlays';
 import { useSelect, HiddenSelect } from '@react-aria/select';
+import { useSeparator } from '@react-aria/separator';
 import { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
 import { Item, Section } from '@react-stately/collections';
 import { useListState, type ListState } from '@react-stately/list';
@@ -10,8 +11,9 @@ import { useOverlayTriggerState, type OverlayTriggerState } from '@react-stately
 import { useSelectState } from '@react-stately/select';
 import type { TooltipTriggerProps } from '@react-stately/tooltip';
 import { useTooltipTriggerState } from '@react-stately/tooltip';
-import type { HoverEvent, Node, ItemProps, SectionProps, LinkDOMProps } from '@react-types/shared';
+import type { Node, PressEvent, HoverEvent, ItemProps, SectionProps, LinkDOMProps, FocusableElement } from '@react-types/shared';
 export * from './behaviors/index.js';
 export * from './components/index.js';
-export { Item, Overlay, Section, useLocale, useDialog, useOption, useSelect, usePopover, useListBox, useTooltip, I18nProvider, useListState, HiddenSelect, useSelectState, useModalOverlay, useOverlayTrigger, useTooltipTrigger, useListBoxSection, useOverlayPosition, useOverlayTriggerState, useTooltipTriggerState, useLocalizedStringFormatter, type Node, type ItemProps, type ListState, type HoverEvent, type LinkDOMProps, type SectionProps, type AriaDialogProps, type I18nProviderProps, type AriaListBoxProps, type TooltipTriggerProps, type OverlayTriggerState, type AriaModalOverlayProps, };
+export { Item, Overlay, Section, useLocale, useDialog, useOption, useSelect, usePopover, useListBox, useTooltip, I18nProvider, useListState, HiddenSelect, useSeparator, useSelectState, useModalOverlay, useOverlayTrigger, useTooltipTrigger, useListBoxSection, useOverlayPosition, useOverlayTriggerState, useTooltipTriggerState, useLocalizedStringFormatter, type Node, type ItemProps, type ListState, type PressEvent, type HoverEvent, type LinkDOMProps, type FocusableElement, type SectionProps, type AriaDialogProps, type I18nProviderProps, type AriaListBoxProps, type TooltipTriggerProps, type OverlayTriggerState, type AriaModalOverlayProps, };
 export * from './types';
+export * from './utils';

package/dist/index.js

@@ -3,12 +3,14 @@ import { I18nProvider, useLocale, useLocalizedStringFormatter } from "@react-ari
 import { useListBox, useListBoxSection, useOption } from "@react-aria/listbox";
 import { Overlay, useModalOverlay, useOverlayPosition, useOverlayTrigger, usePopover } from "@react-aria/overlays";
 import { HiddenSelect, useSelect } from "@react-aria/select";
+import { useSeparator } from "@react-aria/separator";
 import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
 import { Item, Section } from "@react-stately/collections";
 import { useListState } from "@react-stately/list";
 import { useOverlayTriggerState } from "@react-stately/overlays";
 import { useSelectState } from "@react-stately/select";
 import { useTooltipTriggerState } from "@react-stately/tooltip";
+import { Provider, removeDataAttributes, useRenderProps } from "./utils/index.js";
 import { useButton } from "./behaviors/useButton.js";
 import { useCheckbox } from "./behaviors/useCheckbox.js";
 import { useLink } from "./behaviors/useLink.js";
@@ -58,6 +60,7 @@ export {
   NumberField,
   Overlay,
   ProgressBar,
+  Provider,
   Radio,
   RadioContext,
   RadioGroup,
@@ -68,6 +71,7 @@ export {
   Textarea,
   TextareaContext,
   Toggle,
+  removeDataAttributes,
   useButton,
   useCheckbox,
   useDialog,
@@ -91,8 +95,10 @@ export {
   useRadio,
   useRadioGroup,
   useRadioGroupState,
+  useRenderProps,
   useSelect,
   useSelectState,
+  useSeparator,
   useTextField,
   useTextareaContext,
   useToggle,

package/dist/types.d.ts

@@ -1,8 +1,11 @@
 import type { ElementType } from 'react';
 import type { AriaButtonOptions } from '@react-aria/button';
+import type { AriaLinkOptions } from '@react-aria/link';
 export type ButtonOptions = Omit<AriaButtonOptions<ElementType>, 'isDisabled'> & {
     /** Whether the button is disabled. */
     disabled?: boolean;
-    /** Handler that is called when the press is released over the target. */
-    onClick?: AriaButtonOptions<ElementType>['onPress'];
+};
+export type LinkOptions = Omit<AriaLinkOptions, 'isDisabled'> & {
+    /** Whether the button is disabled. */
+    disabled?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-primitives",
-  "version": "0.0.1-beta.12",
+  "version": "0.0.1-beta.14",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -34,6 +34,7 @@
     "@react-aria/progress": "^3.4.17",
     "@react-aria/radio": "^3.10.9",
     "@react-aria/select": "^3.15.3",
+    "@react-aria/separator": "^3.4.8",
     "@react-aria/textfield": "^3.14.0",
     "@react-aria/toggle": "^3.10.10",
     "@react-aria/tooltip": "^3.7.9",
@@ -45,8 +46,8 @@
     "@react-stately/radio": "^3.10.8",
     "@react-stately/select": "^3.6.11",
     "@react-stately/tooltip": "^3.4.13",
-    "@koobiq/logger": "0.0.1-beta.12",
-    "@koobiq/react-core": "0.0.1-beta.12"
+    "@koobiq/logger": "0.0.1-beta.14",
+    "@koobiq/react-core": "0.0.1-beta.14"
   },
   "peerDependencies": {
     "react": "18.x || 19.x",