feat: update to pion

BREAKING CHANGE: Update to @pionjs/pion

package.json

@@ -68,22 +68,22 @@
 	},
 	"dependencies": {
 		"@lit-labs/virtualizer": "^2.0.0",
-		"@neovici/cosmoz-dropdown": "^3.4.0",
-		"@neovici/cosmoz-input": "^3.18.0",
-		"@neovici/cosmoz-utils": "^5.0.0",
-		"haunted": "^5.0.0",
+		"@neovici/cosmoz-dropdown": "^4.0.0",
+		"@neovici/cosmoz-input": "^4.0.0",
+		"@neovici/cosmoz-utils": "^6.0.0",
+		"@pionjs/pion": "^2.0.0",
 		"lit-html": "^2.0.0 || ^3.0.0"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^18.0.0",
 		"@commitlint/config-conventional": "^18.0.0",
 		"@neovici/cfg": "^1.34.0",
-		"@open-wc/testing": "^3.0.0",
+		"@open-wc/testing": "^4.0.0",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
 		"@storybook/storybook-deployer": "^2.8.5",
 		"@types/mocha": "^10.0.3",
-		"@web/dev-server-storybook": "^1.0.0",
+		"@web/dev-server-storybook": "^2.0.0",
 		"husky": "^8.0.0",
 		"rollup-plugin-terser": "^7.0.2",
 		"semantic-release": "^22.0.0",

src/autocomplete/autocomplete.ts

@@ -2,7 +2,7 @@ import { html, nothing } from 'lit-html'; // eslint-disable-line object-curly-ne
 import { live } from 'lit-html/directives/live.js';
 import { until } from 'lit-html/directives/until.js';
 import { when } from 'lit-html/directives/when.js';
-import { useCallback } from 'haunted';
+import { useCallback } from '@pionjs/pion';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
 import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
 import '@neovici/cosmoz-input';

src/autocomplete/chip.ts

@@ -1,4 +1,4 @@
-import { html, component } from 'haunted';
+import { html, component } from '@pionjs/pion';
 import { when } from 'lit-html/directives/when.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import styles from './chip.css';

src/autocomplete/index.ts

@@ -1,4 +1,4 @@
-import { component, useCallback } from 'haunted';
+import { component, useCallback } from '@pionjs/pion';
 import {
 	Autocomplete,
 	observedAttributes as atts,

src/autocomplete/use-autocomplete.ts

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useEffect } from 'haunted';
+import { useCallback, useMemo, useEffect } from '@pionjs/pion';
 import { without, array } from '@neovici/cosmoz-utils/array';
 import { prop, strProp } from '@neovici/cosmoz-utils/object';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';

src/autocomplete/use-keys.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 import { array } from '@neovici/cosmoz-utils/array';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 

src/autocomplete/use-overflow.ts

@@ -1,4 +1,4 @@
-import { useLayoutEffect, useState, useMemo } from 'haunted';
+import { useLayoutEffect, useState, useMemo } from '@pionjs/pion';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
 import { raf } from './util';
 

src/autocomplete/util.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'haunted';
+import { useCallback } from '@pionjs/pion';
 
 export const search = <I>(
 	source: I[],

src/listbox/index.ts

@@ -1,4 +1,4 @@
-import { html, component, useEffect, useRef, useMemo } from 'haunted';
+import { html, component, useEffect, useRef, useMemo } from '@pionjs/pion';
 import { ref } from 'lit-html/directives/ref.js';
 import {
 	virtualize,

src/listbox/use-items.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'haunted';
+import { useCallback, useEffect, useState } from '@pionjs/pion';
 import { useKeyboard } from './use-keyboard';
 
 export interface UseItems<T> {

src/listbox/use-keyboard.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 
 type Handler = () => void;

src/listbox/use-listbox.ts

@@ -1,4 +1,4 @@
-import { useMemo } from 'haunted';
+import { useMemo } from '@pionjs/pion';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
 import { usePosition, Placement } from '@neovici/cosmoz-dropdown/use-position';
 import { byValue } from './util';

src/listbox/use-render-item.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'haunted';
+import { useCallback } from '@pionjs/pion';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 import {
 	itemRenderer as mkItemRenderer,

test/use-autocomplete.test.js

@@ -1,4 +1,4 @@
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 import { expect, html, fixture, nextFrame } from '@open-wc/testing';
 import { spy, match as sinonMatch } from 'sinon';
 import { useAutocomplete } from '../src/autocomplete/use-autocomplete';

test/use-keyboard.test.js

@@ -1,4 +1,4 @@
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 import { expect, html, fixture } from '@open-wc/testing';
 import { spy } from 'sinon';
 import { useKeyboard } from '../src/listbox/use-keyboard';

test/use-keys.test.js

@@ -1,4 +1,4 @@
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 import { expect, html, fixture } from '@open-wc/testing';
 import { spy } from 'sinon';
 import { useKeys } from '../src/autocomplete/use-keys';

test/use-listbox.test.js

@@ -1,4 +1,4 @@
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 import { expect, html, fixture, nextFrame } from '@open-wc/testing';
 import { spy } from 'sinon';
 import { useListbox } from '../src/listbox/use-listbox';