reka-ui 0.0.0 → 0.0.2

package/dist/shared/useNonce.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+
+export declare function useNonce(nonce?: Ref<string | undefined>): import('vue').ComputedRef<string | undefined>;

package/dist/shared/useSelectionBehavior.d.ts

@@ -0,0 +1,13 @@
+import { Ref, UnwrapNestedRefs, ref } from 'vue';
+
+export declare function useSelectionBehavior<T>(modelValue: Ref<T | T[]>, props: UnwrapNestedRefs<{
+    multiple?: boolean;
+    selectionBehavior?: 'toggle' | 'replace';
+}>): {
+    firstValue: Ref<any>;
+    onSelectItem: (val: T, condition: (existingValue: T) => boolean) => T | T[];
+    handleMultipleReplace: (intent: 'first' | 'last' | 'prev' | 'next', currentElement: HTMLElement | Element | null, getItems: () => {
+        ref: HTMLElement;
+        value?: any;
+    }[], options: any[]) => void;
+};

package/dist/shared/useSingleOrMultipleValue.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { AcceptableValue, SingleOrMultipleProps } from './types';
+
+export declare function useSingleOrMultipleValue<P extends SingleOrMultipleProps, Name extends string>(props: P, emits: (name: Name, ...args: any[]) => void): {
+    modelValue: Ref<AcceptableValue | AcceptableValue[] | undefined>;
+    type: Ref<import('./types').SingleOrMultipleType>;
+    changeModelValue: (value: AcceptableValue) => void;
+    isSingle: import('vue').ComputedRef<boolean>;
+};

package/dist/shared/useSize.d.ts

@@ -0,0 +1,6 @@
+import { MaybeElementRef } from '@vueuse/core';
+
+export declare function useSize(element: MaybeElementRef): {
+    width: import('vue').ComputedRef<number>;
+    height: import('vue').ComputedRef<number>;
+};

package/dist/shared/useStateMachine.d.ts

@@ -0,0 +1,24 @@
+interface Machine<S> {
+    [k: string]: {
+        [k: string]: S;
+    };
+}
+type MachineState<T> = keyof T;
+type MachineEvent<T> = keyof UnionToIntersection<T[keyof T]>;
+type UnionToIntersection<T> = (T extends any ? (x: T) => any : never) extends (x: infer R) => any ? R : never;
+/**
+ * The `useStateMachine` function is a TypeScript function that creates a state machine and returns the
+ * current state and a dispatch function to update the state based on events.
+ * @param initialState - The `initialState` parameter is the initial state of the state machine. It
+ * represents the starting point of the state machine's state.
+ * @param machine - The `machine` parameter is an object that represents a state machine. It should
+ * have keys that correspond to the possible states of the machine, and the values should be objects
+ * that represent the possible events and their corresponding next states.
+ * @returns The `useStateMachine` function returns an object with two properties: `state` and
+ * `dispatch`.
+ */
+export declare function useStateMachine<M>(initialState: MachineState<M>, machine: M & Machine<MachineState<M>>): {
+    state: import('vue').Ref<import('vue').UnwrapRef<keyof M>>;
+    dispatch: (event: MachineEvent<M>) => void;
+};
+export {};

package/dist/shared/useTypeahead.d.ts

@@ -0,0 +1,30 @@
+import { Ref } from 'vue';
+
+export declare function useTypeahead(collections?: Ref<HTMLElement[]>): {
+    search: Ref<string>;
+    handleTypeaheadSearch: (key: string, fallback?: HTMLElement[]) => HTMLElement | undefined;
+    resetTypeahead: () => void;
+};
+/**
+ * Wraps an array around itself at a given start index
+ * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+ */
+export declare function wrapArray<T>(array: T[], startIndex: number): T[];
+/**
+ * This is the "meat" of the typeahead matching logic. It takes in all the values,
+ * the search and the current match, and returns the next match (or `undefined`).
+ *
+ * We normalize the search because if a user has repeatedly pressed a character,
+ * we want the exact same behavior as if we only had that one character
+ * (ie. cycle through options starting with that character)
+ *
+ * We also reorder the values by wrapping the array around the current match.
+ * This is so we always look forward from the current match, and picking the first
+ * match will always be the correct one.
+ *
+ * Finally, if the normalized search is exactly one character, we exclude the
+ * current match from the values because otherwise it would be the first to match always
+ * and focus would never move. This is as opposed to the regular case, where we
+ * don't want focus to move if the current match still matches.
+ */
+export declare function getNextMatch(values: string[], search: string, currentMatch?: string): string | undefined;

package/dist/shared/withDefault.d.ts

@@ -0,0 +1,23 @@
+import { DefineComponent, VNodeProps } from 'vue';
+import { ComponentProps } from 'vue-component-type-helpers';
+
+type RawProps = VNodeProps & {
+    __v_isVNode?: never;
+    [Symbol.iterator]?: never;
+} & Record<string, any>;
+interface MountingOptions<Props> {
+    /**
+     * Default props for the component
+     */
+    props?: (RawProps & Props) | ({} extends Props ? null : never) | ((attrs: Record<string, any>) => (RawProps & Props));
+    /**
+     * Pass attributes into the component
+     */
+    attrs?: Record<string, unknown>;
+}
+export declare function withDefault<T, C = T extends ((...args: any) => any) | (new (...args: any) => any) ? T : T extends {
+    props?: infer Props;
+} ? DefineComponent<Props extends Readonly<(infer PropNames)[]> | (infer PropNames)[] ? {
+    [key in PropNames extends string ? PropNames : string]?: any;
+} : Props> : DefineComponent, P extends ComponentProps<C> = ComponentProps<C>>(originalComponent: T, options?: MountingOptions<P>): T;
+export {};

package/package.json

@@ -1,9 +1,18 @@
 {
   "name": "reka-ui",
   "type": "module",
-  "version": "0.0.0",
-  "description": "Exciting stuff",
+  "version": "0.0.2",
+  "description": "Vue port for Radix UI Primitives.",
+  "author": "UnoVue Contributors (https://github.com/radix-vue)",
   "license": "MIT",
+  "homepage": "https://github.com/radix-vue/radix-vue",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/radix-vue/radix-vue.git"
+  },
+  "bugs": {
+    "url": "https://github.com/radix-vue/radix-vue/issues"
+  },
   "keywords": [
     "ui",
     "vue",
@@ -15,11 +24,109 @@
     "radix",
     "unstyled"
   ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./date": {
+      "import": {
+        "types": "./dist/date/index.d.ts",
+        "default": "./dist/date.js"
+      },
+      "require": {
+        "types": "./dist/date/index.d.ts",
+        "default": "./dist/date.umd.cjs"
+      }
+    },
+    "./namespaced": {
+      "import": {
+        "types": "./dist/namespaced/index.d.mts",
+        "default": "./dist/namespaced/index.mjs"
+      },
+      "require": {
+        "types": "./dist/namespaced/index.d.cts",
+        "default": "./dist/namespaced/index.cjs"
+      }
+    },
+    "./nuxt": {
+      "import": {
+        "types": "./dist/nuxt/index.d.mts",
+        "default": "./dist/nuxt/index.mjs"
+      },
+      "require": {
+        "types": "./dist/nuxt/index.d.cts",
+        "default": "./dist/nuxt/index.cjs"
+      }
+    },
+    "./resolver": {
+      "import": {
+        "types": "./dist/resolver/index.d.mts",
+        "default": "./dist/resolver/index.mjs"
+      },
+      "require": {
+        "types": "./dist/resolver/index.d.cts",
+        "default": "./dist/resolver/index.cjs"
+      }
+    },
+    "./constant": {
+      "import": {
+        "default": "./dist/constant.js"
+      },
+      "require": {
+        "default": "./dist/constant.umd.cjs"
+      }
+    }
+  },
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "typings": "./dist/index.d.ts",
-  "files": [],
+  "files": [
+    "./LICENSE",
+    "./dist"
+  ],
+  "peerDependencies": {
+    "vue": ">= 3.2.0"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.7",
+    "@floating-ui/vue": "^1.1.0",
+    "@internationalized/date": "^3.5.4",
+    "@internationalized/number": "^3.5.3",
+    "@tanstack/vue-virtual": "^3.8.1",
+    "@vueuse/core": "^10.11.0",
+    "@vueuse/shared": "^10.11.0",
+    "aria-hidden": "^1.2.4",
+    "defu": "^6.1.4",
+    "fast-deep-equal": "^3.1.3",
+    "nanoid": "^5.0.7"
+  },
+  "devDependencies": {
+    "@iconify/vue": "^4.1.2",
+    "@testing-library/dom": "^10.3.2",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/vue": "^8.1.0",
+    "@tsconfig/node18": "^18.2.4",
+    "@types/node": "^20.14.9",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vitest/coverage-istanbul": "^1.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.5.1",
+    "jsdom": "^24.1.1",
+    "vite": "^5.3.4",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.6.0",
+    "vitest-axe": "0.1.0",
+    "vitest-canvas-mock": "^0.3.3",
+    "vue": "3.4.31",
+    "vue-component-type-helpers": "^2.0.24",
+    "vue-tsc": "2.0.24"
+  },
   "scripts": {
     "build": "pnpm type-check && pnpm build-only",
     "build-only": "vite build",
@@ -27,6 +134,7 @@
     "type-check": "vue-tsc -p tsconfig.check.json --noEmit",
     "type-gen": "vue-tsc --declaration  --emitDeclarationOnly",
     "test": "vitest",
+    "test-update": "vitest -u",
     "pub:release": "pnpm publish --access public"
   }
 }