Revert ui package.json change

packages/ui/package.json

@@ -13,10 +13,5 @@
     "main": "dist/module.cjs.js",
     "module": "dist/module.esm.js",
     "unpkg": "dist/cdn.min.js",
-    "devDependencies": {
-        "alpinejs": "file:../alpinejs"
-    },
-    "peerDependencies": {
-        "alpinejs": "^3.10.0"
-    }
+    "devDependencies": {}
 }

packages/ui/src/combobox.js

@@ -96,7 +96,7 @@ function handleRoot(el, Alpine) {
                     this.__nullable = Alpine.extractProp(el, 'nullable', false)
                     this.__compareBy = Alpine.extractProp(el, 'by')
 
-                    this.__context = generateContext(this.__isMultiple, 'vertical', () => this.__activateSelectedOrFirst())
+                    this.__context = generateContext(Alpine, this.__isMultiple, 'vertical', () => this.__activateSelectedOrFirst())
 
                     let defaultValue = Alpine.extractProp(el, 'default-value', this.__isMultiple ? [] : null)
 
@@ -109,7 +109,7 @@ function handleRoot(el, Alpine) {
                         Alpine.effect(() => {
                             // Everytime the value changes, we need to re-render the hidden inputs,
                             // if a user passed the "name" prop...
-                            this.__inputName && renderHiddenInputs(this.$el, this.__inputName, this.__value)
+                            this.__inputName && renderHiddenInputs(Alpine, this.$el, this.__inputName, this.__value)
                         })
                     })
                 },

packages/ui/src/list-context.js

@@ -1,6 +1,5 @@
-import Alpine from "alpinejs";
 
-export function generateContext(multiple, orientation, activateSelectedOrFirst) {
+export function generateContext(Alpine, multiple, orientation, activateSelectedOrFirst) {
     return {
         /**
          * Main state...
@@ -326,7 +325,7 @@ function keyByValue(object, value) {
     return Object.keys(object).find(key => object[key] === value)
 }
 
-export function renderHiddenInputs(el, name, value) {
+export function renderHiddenInputs(Alpine, el, name, value) {
     // Create input elements...
     let newInputs = generateInputs(name, value)
 

packages/ui/src/listbox.js

@@ -100,7 +100,7 @@ function handleRoot(el, Alpine) {
                     this.__compareBy = Alpine.extractProp(el, 'by')
                     this.__orientation = Alpine.extractProp(el, 'horizontal', false) ? 'horizontal' : 'vertical'
 
-                    this.__context = generateContext(this.__isMultiple, this.__orientation, () => this.$data.__activateSelectedOrFirst())
+                    this.__context = generateContext(Alpine, this.__isMultiple, this.__orientation, () => this.$data.__activateSelectedOrFirst())
 
                     let defaultValue = Alpine.extractProp(el, 'default-value', this.__isMultiple ? [] : null)