@koobiq/react-primitives 0.0.1-beta.1 → 0.0.1-beta.10

package/README.md

@@ -1 +1,3 @@
 # @koobiq/react-primitives
+
+A collection of unstyled React-components and behavior hooks.

package/dist/components/Button/Button.js

@@ -69,6 +69,11 @@ const Button = polymorphicForwardRef(
         },
         ...buttonProps,
         ...renderProps,
+        "data-hovered": hovered,
+        "data-pressed": pressed,
+        "data-focused": focused,
+        "data-disabled": disabled,
+        "data-focus-visible": focusVisible,
         tabIndex: tabIndex || buttonProps.tabIndex,
         "aria-disabled": loading ? "true" : buttonProps["aria-disabled"],
         "aria-busy": loading,

package/dist/components/Button/ButtonContext.js

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

package/dist/components/Group/GroupContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext, useContext } from "react";
 const GroupContext = createContext({});
 const useGroupContext = () => useContext(GroupContext);

package/dist/components/Input/InputContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext, useContext } from "react";
 const InputContext = createContext({});
 const useInputContext = () => useContext(InputContext);

package/dist/components/Label/LabelContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from "react";
 const LabelContext = createContext({});
 export {

package/dist/components/Link/Link.js

@@ -21,7 +21,15 @@ const Link = polymorphicForwardRef((props, ref) => {
     ...props,
     values: renderValues
   });
-  return /* @__PURE__ */ jsx(Tag, { ...mergeProps(linkProps, renderProps), ref, children: renderProps.children });
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ...mergeProps(linkProps, renderProps),
+      tabIndex: props.tabIndex || linkProps.tabIndex,
+      ref: domRef,
+      children: renderProps.children
+    }
+  );
 });
 Link.displayName = "Link";
 export {

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

@@ -8,4 +8,6 @@ export type LinkRenderProps = {
     disabled: boolean;
     focusVisible: boolean;
 };
-export type LinkBaseProps = ExtendableProps<RenderProps<LinkRenderProps>, UseLinkProps>;
+export type LinkBaseProps = ExtendableProps<RenderProps<LinkRenderProps> & {
+    tabIndex?: number;
+}, UseLinkProps>;

package/dist/components/Radio/RadioContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from "react";
 const RadioContext = createContext(
   {}

package/dist/components/Text/TextContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from "react";
 const TextContext = createContext({});
 export {

package/dist/components/Textarea/TextareaContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext, useContext } from "react";
 const TextareaContext = createContext({});
 const useTextareaContext = () => useContext(TextareaContext);

package/dist/index.d.ts

@@ -1,12 +1,17 @@
 import { useDialog, type AriaDialogProps } from '@react-aria/dialog';
 import { useLocale, I18nProvider, useLocalizedStringFormatter, type I18nProviderProps } from '@react-aria/i18n';
+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 { useTooltip, useTooltipTrigger } from '@react-aria/tooltip';
+import { Item, Section } from '@react-stately/collections';
+import { useListState, type ListState } from '@react-stately/list';
 import { useOverlayTriggerState, type OverlayTriggerState } from '@react-stately/overlays';
+import { useSelectState } from '@react-stately/select';
 import type { TooltipTriggerProps } from '@react-stately/tooltip';
 import { useTooltipTriggerState } from '@react-stately/tooltip';
-import type { HoverEvent } from '@react-types/shared';
+import type { HoverEvent, Node, ItemProps, SectionProps, LinkDOMProps } 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 * from './types';
-export { Overlay, useLocale, useDialog, usePopover, useTooltip, I18nProvider, useModalOverlay, useOverlayTrigger, useTooltipTrigger, useOverlayPosition, useOverlayTriggerState, useTooltipTriggerState, useLocalizedStringFormatter, type HoverEvent, type TooltipTriggerProps, type AriaModalOverlayProps, type I18nProviderProps, type AriaDialogProps, type OverlayTriggerState, };

package/dist/index.js

@@ -1,8 +1,13 @@
 import { useDialog } from "@react-aria/dialog";
 import { I18nProvider, useLocale, useLocalizedStringFormatter } from "@react-aria/i18n";
+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 { 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 { useButton } from "./behaviors/useButton.js";
 import { useCheckbox } from "./behaviors/useCheckbox.js";
@@ -42,9 +47,11 @@ export {
   Checkbox,
   Group,
   GroupContext,
+  HiddenSelect,
   I18nProvider,
   Input,
   InputContext,
+  Item,
   Label,
   LabelContext,
   Link,
@@ -54,6 +61,7 @@ export {
   Radio,
   RadioContext,
   RadioGroup,
+  Section,
   Text,
   TextContext,
   TextField,
@@ -66,11 +74,15 @@ export {
   useGroupContext,
   useInputContext,
   useLink,
+  useListBox,
+  useListBoxSection,
+  useListState,
   useLocale,
   useLocalizedStringFormatter,
   useModalOverlay,
   useNumberField,
   useNumberFieldState,
+  useOption,
   useOverlayPosition,
   useOverlayTrigger,
   useOverlayTriggerState,
@@ -79,6 +91,8 @@ export {
   useRadio,
   useRadioGroup,
   useRadioGroupState,
+  useSelect,
+  useSelectState,
   useTextField,
   useTextareaContext,
   useToggle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-primitives",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.10",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -23,20 +23,25 @@
     "@react-aria/dialog": "^3.5.19",
     "@react-aria/i18n": "^3.12.4",
     "@react-aria/link": "^3.7.0",
+    "@react-aria/listbox": "^3.14.2",
     "@react-aria/numberfield": "^3.11.8",
     "@react-aria/overlays": "^3.23.4",
     "@react-aria/progress": "^3.4.17",
     "@react-aria/radio": "^3.10.9",
+    "@react-aria/select": "^3.15.3",
     "@react-aria/textfield": "^3.14.0",
     "@react-aria/toggle": "^3.10.10",
     "@react-aria/tooltip": "^3.7.9",
     "@react-aria/visually-hidden": "^3.8.0",
+    "@react-stately/collections": "^3.12.2",
+    "@react-stately/list": "^3.12.0",
     "@react-stately/numberfield": "^3.9.7",
     "@react-stately/overlays": "^3.6.11",
     "@react-stately/radio": "^3.10.8",
+    "@react-stately/select": "^3.6.11",
     "@react-stately/tooltip": "^3.4.13",
-    "@koobiq/logger": "0.0.1-beta.1",
-    "@koobiq/react-core": "0.0.1-beta.1"
+    "@koobiq/react-core": "0.0.1-beta.10",
+    "@koobiq/logger": "0.0.1-beta.10"
   },
   "peerDependencies": {
     "react": "18.x || 19.x",