From 9165be5e1c117f67f5d8866bd76c72bbdca30fdd Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Fri, 12 May 2023 08:45:07 +0300
Subject: [PATCH 1/3] core: one package use-composable

---
 packages/components/avatar/package.json       |  2 +-
 packages/components/avatar/src/avatar.ts      |  2 +-
 packages/components/checkbox/package.json     |  5 +-
 packages/components/checkbox/src/checkbox.ts  | 14 ++--
 .../checkbox/src/stories/CheckboxDemo.vue     |  3 +-
 .../label/src/stories/LabelDemo.vue           |  2 +-
 packages/core/compose-refs/README.md          | 10 ---
 packages/core/compose-refs/src/index.ts       |  1 -
 packages/core/use-callback-ref/README.md      | 11 ---
 packages/core/use-callback-ref/package.json   | 40 ----------
 packages/core/use-callback-ref/src/index.ts   |  1 -
 packages/core/use-callback-ref/tsconfig.json  |  9 ---
 .../README.md                                 |  0
 .../package.json                              | 12 +--
 packages/core/use-composable/src/index.ts     |  5 ++
 .../src/useCallbackRef.ts                     |  0
 .../src/useComposedRefs.ts}                   |  0
 .../src/useControllableRef.ts}                |  4 +-
 .../src/usePrevious.ts}                       |  0
 .../src/useSize.ts}                           |  0
 .../tsconfig.json                             |  0
 packages/core/use-composable/tsup.config.ts   | 18 +++++
 .../core/use-controllable-ref/package.json    | 43 -----------
 .../core/use-controllable-ref/src/index.ts    |  1 -
 .../core/use-controllable-ref/tsconfig.json   |  9 ---
 packages/core/use-previous/README.md          | 10 ---
 packages/core/use-previous/package.json       | 40 ----------
 packages/core/use-previous/src/index.ts       |  1 -
 packages/core/use-previous/tsconfig.json      |  9 ---
 packages/core/use-size/README.md              | 10 ---
 packages/core/use-size/package.json           | 41 ----------
 packages/core/use-size/src/index.ts           |  1 -
 packages/core/use-size/tsconfig.json          |  9 ---
 pnpm-lock.yaml                                | 76 ++-----------------
 34 files changed, 52 insertions(+), 337 deletions(-)
 delete mode 100644 packages/core/compose-refs/README.md
 delete mode 100644 packages/core/compose-refs/src/index.ts
 delete mode 100644 packages/core/use-callback-ref/README.md
 delete mode 100644 packages/core/use-callback-ref/package.json
 delete mode 100644 packages/core/use-callback-ref/src/index.ts
 delete mode 100644 packages/core/use-callback-ref/tsconfig.json
 rename packages/core/{use-controllable-ref => use-composable}/README.md (100%)
 rename packages/core/{compose-refs => use-composable}/package.json (77%)
 create mode 100644 packages/core/use-composable/src/index.ts
 rename packages/core/{use-callback-ref => use-composable}/src/useCallbackRef.ts (100%)
 rename packages/core/{compose-refs/src/compose-refs.ts => use-composable/src/useComposedRefs.ts} (100%)
 rename packages/core/{use-controllable-ref/src/use-controllable-ref.ts => use-composable/src/useControllableRef.ts} (95%)
 rename packages/core/{use-previous/src/use-previous.ts => use-composable/src/usePrevious.ts} (100%)
 rename packages/core/{use-size/src/use-size.ts => use-composable/src/useSize.ts} (100%)
 rename packages/core/{compose-refs => use-composable}/tsconfig.json (100%)
 create mode 100644 packages/core/use-composable/tsup.config.ts
 delete mode 100644 packages/core/use-controllable-ref/package.json
 delete mode 100644 packages/core/use-controllable-ref/src/index.ts
 delete mode 100644 packages/core/use-controllable-ref/tsconfig.json
 delete mode 100644 packages/core/use-previous/README.md
 delete mode 100644 packages/core/use-previous/package.json
 delete mode 100644 packages/core/use-previous/src/index.ts
 delete mode 100644 packages/core/use-previous/tsconfig.json
 delete mode 100644 packages/core/use-size/README.md
 delete mode 100644 packages/core/use-size/package.json
 delete mode 100644 packages/core/use-size/src/index.ts
 delete mode 100644 packages/core/use-size/tsconfig.json

diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
index ed7915019..420a6ffe6 100644
--- a/packages/components/avatar/package.json
+++ b/packages/components/avatar/package.json
@@ -35,7 +35,7 @@
   "dependencies": {
     "@oku-ui/primitive": "workspace:^",
     "@oku-ui/provide": "workspace:^",
-    "@oku-ui/use-callback-ref": "workspace:^",
+    "@oku-ui/use-composable": "workspace:^",
     "@oku-ui/utils": "workspace:^"
   },
   "devDependencies": {
diff --git a/packages/components/avatar/src/avatar.ts b/packages/components/avatar/src/avatar.ts
index 7a06bb472..d059e81bf 100644
--- a/packages/components/avatar/src/avatar.ts
+++ b/packages/components/avatar/src/avatar.ts
@@ -4,7 +4,7 @@ import type { ElementType, MergeProps, PrimitiveProps, RefElement } from '@oku-u
 import { Primitive } from '@oku-ui/primitive'
 import type { Scope } from '@oku-ui/provide'
 import { createProvideScope } from '@oku-ui/provide'
-import { useCallbackRef } from '@oku-ui/use-callback-ref'
+import { useCallbackRef } from '@oku-ui/use-composable'
 
 function useImageLoadingStatus(src?: string) {
   const loadingStatus = ref<ImageLoadingStatus>('idle')
diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json
index 51b4f48bd..c090d7089 100644
--- a/packages/components/checkbox/package.json
+++ b/packages/components/checkbox/package.json
@@ -33,12 +33,9 @@
     "vue": "^3.3.1"
   },
   "dependencies": {
-    "@oku-ui/compose-refs": "workspace:^",
     "@oku-ui/primitive": "workspace:^",
     "@oku-ui/provide": "workspace:^",
-    "@oku-ui/use-controllable-ref": "workspace:^",
-    "@oku-ui/use-previous": "workspace:^",
-    "@oku-ui/use-size": "workspace:^",
+    "@oku-ui/use-composable": "workspace:^",
     "@oku-ui/utils": "workspace:^"
   },
   "devDependencies": {
diff --git a/packages/components/checkbox/src/checkbox.ts b/packages/components/checkbox/src/checkbox.ts
index d9900aa2c..094b1e834 100644
--- a/packages/components/checkbox/src/checkbox.ts
+++ b/packages/components/checkbox/src/checkbox.ts
@@ -2,10 +2,8 @@ import { createProvideScope } from '@oku-ui/provide'
 import type { PropType, Ref } from 'vue'
 import { Transition, computed, defineComponent, h, onMounted, ref, watchEffect } from 'vue'
 
-import { useControllableRef } from '@oku-ui/use-controllable-ref'
 import { composeEventHandlers } from '@oku-ui/utils'
-import { usePrevious } from '@oku-ui/use-previous'
-import { useSize } from '@oku-ui/use-size'
+import { useControllableRef, usePrevious, useSize } from '@oku-ui/use-composable'
 import { Primitive } from '@oku-ui/primitive'
 
 // import { useComposedRefs } from '@oku-ui/compose-refs'
@@ -216,8 +214,10 @@ const Checkbox = defineComponent({
           }
         }),
       },
-      slots.default?.(),
-      ), isFormControl && h(
+      {
+        default: () => slots.default?.(),
+      }),
+      isFormControl && h(
         BubbleInput,
         {
           control: _button.value,
@@ -277,7 +277,9 @@ const CheckboxIndicator = defineComponent({
           ...indicatorProps,
           'style': { pointerEvents: 'none', ...attrs.style as any },
         },
-        slots.default?.(),
+        {
+          default: () => slots.default?.(),
+        },
         )
         : null,
     ])
diff --git a/packages/components/checkbox/src/stories/CheckboxDemo.vue b/packages/components/checkbox/src/stories/CheckboxDemo.vue
index 0c4bd195b..efd960e52 100644
--- a/packages/components/checkbox/src/stories/CheckboxDemo.vue
+++ b/packages/components/checkbox/src/stories/CheckboxDemo.vue
@@ -2,6 +2,7 @@
 <script setup lang="ts">
 import type { CheckboxProps } from '@oku-ui/checkbox'
 import { OkuCheckbox, OkuCheckboxIndicator } from '@oku-ui/checkbox'
+import { OkuLabel } from '@oku-ui/label'
 
 export interface ICheckBoxProps extends CheckboxProps {
   template?: '#1' | '#2' | '#3'
@@ -66,7 +67,7 @@ withDefaults(defineProps<ICheckBoxProps>(), {
       <OkuLabel>
         Label
         <OkuCheckbox
-          id="checkbox"
+          id="checkboxx"
           class="w-6 h-6 flex bg-gray-300 rounded-md text-red-500 checked:text-red-600"
         >
           <OkuCheckboxIndicator class="w-6 h-6 flex items-center justify-center text-blue-500">
diff --git a/packages/components/label/src/stories/LabelDemo.vue b/packages/components/label/src/stories/LabelDemo.vue
index 2efa65f35..432144b49 100644
--- a/packages/components/label/src/stories/LabelDemo.vue
+++ b/packages/components/label/src/stories/LabelDemo.vue
@@ -25,7 +25,7 @@ const alert = () => window.alert('clicked')
 <template>
   <div class="cursor-default inline-block">
     <div v-if="template === '#1' || allshow" class="flex flex-col">
-      <OkuLabel ref="labelRef" class="text-black text-2xl border-2 border-gray-500 mb-4" for="firstName">
+      <OkuLabel  ref="labelRef" class="text-black text-2xl border-2 border-gray-500 mb-4" for="firstName">
         {{ label }}
       </OkuLabel>
       <input id="firstName" class="mt-4 bg-gray-200 p-2 border-2 border-gray-500" type="text" defaultValue="Pedro Duarte">
diff --git a/packages/core/compose-refs/README.md b/packages/core/compose-refs/README.md
deleted file mode 100644
index 8280554b9..000000000
--- a/packages/core/compose-refs/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# `@oku-ui/compose-refs`
-
-## Installation
-
-```sh
-$ pnpm add @oku-ui/compose-refs
-```
-
-## Usage
-...
\ No newline at end of file
diff --git a/packages/core/compose-refs/src/index.ts b/packages/core/compose-refs/src/index.ts
deleted file mode 100644
index af45bb7c1..000000000
--- a/packages/core/compose-refs/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useComposedRefs, composeRefs } from './compose-refs'
diff --git a/packages/core/use-callback-ref/README.md b/packages/core/use-callback-ref/README.md
deleted file mode 100644
index c0318d6cb..000000000
--- a/packages/core/use-callback-ref/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# `use-callback-ref`
-
-## Installation
-
-```sh
-$ pnpm add @oku-ui/use-callback-ref
-```
-
-## Usage
-
-This is an internal utility, not intended for public usage.
diff --git a/packages/core/use-callback-ref/package.json b/packages/core/use-callback-ref/package.json
deleted file mode 100644
index 869bc02fc..000000000
--- a/packages/core/use-callback-ref/package.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "name": "@oku-ui/use-callback-ref",
-  "type": "module",
-  "version": "0.0.0",
-  "license": "MIT",
-  "source": "src/index.ts",
-  "funding": "https://github.com/sponsors/productdevbook",
-  "homepage": "https://oku-ui.com/primitives",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oku-ui/primitives.git",
-    "directory": "packages/core/use-callback-ref"
-  },
-  "bugs": {
-    "url": "https://github.com/oku-ui/primitives/issues"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "unbuild",
-    "dev": "unbuild --stub"
-  },
-  "peerDependencies": {
-    "vue": "^3.3.1"
-  },
-  "devDependencies": {
-    "tsconfig": "workspace:^"
-  }
-}
diff --git a/packages/core/use-callback-ref/src/index.ts b/packages/core/use-callback-ref/src/index.ts
deleted file mode 100644
index 968b4ae6d..000000000
--- a/packages/core/use-callback-ref/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useCallbackRef } from './useCallbackRef'
diff --git a/packages/core/use-callback-ref/tsconfig.json b/packages/core/use-callback-ref/tsconfig.json
deleted file mode 100644
index 01616135e..000000000
--- a/packages/core/use-callback-ref/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "./../../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  "include": [
-    "./"
-  ]
-}
diff --git a/packages/core/use-controllable-ref/README.md b/packages/core/use-composable/README.md
similarity index 100%
rename from packages/core/use-controllable-ref/README.md
rename to packages/core/use-composable/README.md
diff --git a/packages/core/compose-refs/package.json b/packages/core/use-composable/package.json
similarity index 77%
rename from packages/core/compose-refs/package.json
rename to packages/core/use-composable/package.json
index a3e6d5a29..d5718929f 100644
--- a/packages/core/compose-refs/package.json
+++ b/packages/core/use-composable/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@oku-ui/compose-refs",
+  "name": "@oku-ui/use-composable",
   "type": "module",
   "version": "1.0.0",
   "license": "MIT",
@@ -9,7 +9,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/oku-ui/primitives.git",
-    "directory": "packages/core/compose-refs"
+    "directory": "packages/core/use-composable"
   },
   "bugs": {
     "url": "https://github.com/oku-ui/primitives/issues"
@@ -18,18 +18,18 @@
     ".": {
       "types": "./dist/index.d.ts",
       "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.js"
     }
   },
   "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "unbuild",
-    "dev": "unbuild --stub"
+    "build": "tsup",
+    "dev": "tsup --watch"
   },
   "peerDependencies": {
     "vue": "^3.3.1"
diff --git a/packages/core/use-composable/src/index.ts b/packages/core/use-composable/src/index.ts
new file mode 100644
index 000000000..052c0f6b7
--- /dev/null
+++ b/packages/core/use-composable/src/index.ts
@@ -0,0 +1,5 @@
+export { useControllableRef } from './useControllableRef'
+export { useCallbackRef } from './useCallbackRef'
+export { useSize } from './useSize'
+export { usePrevious } from './usePrevious'
+export { useComposedRefs, composeRefs } from './useComposedRefs'
diff --git a/packages/core/use-callback-ref/src/useCallbackRef.ts b/packages/core/use-composable/src/useCallbackRef.ts
similarity index 100%
rename from packages/core/use-callback-ref/src/useCallbackRef.ts
rename to packages/core/use-composable/src/useCallbackRef.ts
diff --git a/packages/core/compose-refs/src/compose-refs.ts b/packages/core/use-composable/src/useComposedRefs.ts
similarity index 100%
rename from packages/core/compose-refs/src/compose-refs.ts
rename to packages/core/use-composable/src/useComposedRefs.ts
diff --git a/packages/core/use-controllable-ref/src/use-controllable-ref.ts b/packages/core/use-composable/src/useControllableRef.ts
similarity index 95%
rename from packages/core/use-controllable-ref/src/use-controllable-ref.ts
rename to packages/core/use-composable/src/useControllableRef.ts
index 75a06e66f..ed2c0ade5 100644
--- a/packages/core/use-controllable-ref/src/use-controllable-ref.ts
+++ b/packages/core/use-composable/src/useControllableRef.ts
@@ -1,8 +1,6 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 import type { Ref } from 'vue'
 import { computed, ref, watch, watchEffect } from 'vue'
-import { useCallbackRef } from '@oku-ui/use-callback-ref'
+import { useCallbackRef } from './useCallbackRef'
 
 type UseControllableRefParams<T> = {
   prop?: T | undefined
diff --git a/packages/core/use-previous/src/use-previous.ts b/packages/core/use-composable/src/usePrevious.ts
similarity index 100%
rename from packages/core/use-previous/src/use-previous.ts
rename to packages/core/use-composable/src/usePrevious.ts
diff --git a/packages/core/use-size/src/use-size.ts b/packages/core/use-composable/src/useSize.ts
similarity index 100%
rename from packages/core/use-size/src/use-size.ts
rename to packages/core/use-composable/src/useSize.ts
diff --git a/packages/core/compose-refs/tsconfig.json b/packages/core/use-composable/tsconfig.json
similarity index 100%
rename from packages/core/compose-refs/tsconfig.json
rename to packages/core/use-composable/tsconfig.json
diff --git a/packages/core/use-composable/tsup.config.ts b/packages/core/use-composable/tsup.config.ts
new file mode 100644
index 000000000..d47866431
--- /dev/null
+++ b/packages/core/use-composable/tsup.config.ts
@@ -0,0 +1,18 @@
+import type { Options } from 'tsup'
+
+import pkg from './package.json'
+
+const external = [
+  ...Object.keys(pkg.dependencies || {}),
+  ...Object.keys(pkg.peerDependencies || {}),
+]
+
+export default <Options>{
+  entryPoints: ['src/index.ts'],
+  outDir: 'dist',
+  target: 'node16',
+  format: ['esm', 'cjs'],
+  clean: true,
+  dts: true,
+  external,
+}
diff --git a/packages/core/use-controllable-ref/package.json b/packages/core/use-controllable-ref/package.json
deleted file mode 100644
index 6f8fe80d8..000000000
--- a/packages/core/use-controllable-ref/package.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "@oku-ui/use-controllable-ref",
-  "type": "module",
-  "version": "1.0.0",
-  "license": "MIT",
-  "source": "src/index.ts",
-  "funding": "https://github.com/sponsors/productdevbook",
-  "homepage": "https://oku-ui.com/primitives",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oku-ui/primitives.git",
-    "directory": "packages/core/use-controllable-ref"
-  },
-  "bugs": {
-    "url": "https://github.com/oku-ui/primitives/issues"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "unbuild",
-    "dev": "unbuild --stub"
-  },
-  "peerDependencies": {
-    "vue": "^3.3.1"
-  },
-  "dependencies": {
-    "@oku-ui/use-callback-ref": "workspace:^"
-  },
-  "devDependencies": {
-    "tsconfig": "workspace:^"
-  }
-}
diff --git a/packages/core/use-controllable-ref/src/index.ts b/packages/core/use-controllable-ref/src/index.ts
deleted file mode 100644
index f31e96233..000000000
--- a/packages/core/use-controllable-ref/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useControllableRef } from './use-controllable-ref'
diff --git a/packages/core/use-controllable-ref/tsconfig.json b/packages/core/use-controllable-ref/tsconfig.json
deleted file mode 100644
index 01616135e..000000000
--- a/packages/core/use-controllable-ref/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "./../../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  "include": [
-    "./"
-  ]
-}
diff --git a/packages/core/use-previous/README.md b/packages/core/use-previous/README.md
deleted file mode 100644
index 8285cb06d..000000000
--- a/packages/core/use-previous/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# `@oku-ui/use-previous`
-
-## Installation
-
-```sh
-$ pnpm add @oku-ui/use-previous
-```
-
-## Usage
-...
\ No newline at end of file
diff --git a/packages/core/use-previous/package.json b/packages/core/use-previous/package.json
deleted file mode 100644
index dbc51b46a..000000000
--- a/packages/core/use-previous/package.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "name": "@oku-ui/use-previous",
-  "type": "module",
-  "version": "1.0.0",
-  "license": "MIT",
-  "source": "src/index.ts",
-  "funding": "https://github.com/sponsors/productdevbook",
-  "homepage": "https://oku-ui.com/primitives",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oku-ui/primitives.git",
-    "directory": "packages/core/use-previous"
-  },
-  "bugs": {
-    "url": "https://github.com/oku-ui/primitives/issues"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "unbuild",
-    "dev": "unbuild --stub"
-  },
-  "peerDependencies": {
-    "vue": "^3.3.1"
-  },
-  "devDependencies": {
-    "tsconfig": "workspace:^"
-  }
-}
diff --git a/packages/core/use-previous/src/index.ts b/packages/core/use-previous/src/index.ts
deleted file mode 100644
index 7bd5f19aa..000000000
--- a/packages/core/use-previous/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { usePrevious } from './use-previous'
diff --git a/packages/core/use-previous/tsconfig.json b/packages/core/use-previous/tsconfig.json
deleted file mode 100644
index 01616135e..000000000
--- a/packages/core/use-previous/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "./../../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  "include": [
-    "./"
-  ]
-}
diff --git a/packages/core/use-size/README.md b/packages/core/use-size/README.md
deleted file mode 100644
index f05912cd7..000000000
--- a/packages/core/use-size/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# `@oku-ui/use-size`
-
-## Installation
-
-```sh
-$ pnpm add @oku-ui/use-size
-```
-
-## Usage
-...
\ No newline at end of file
diff --git a/packages/core/use-size/package.json b/packages/core/use-size/package.json
deleted file mode 100644
index 166bc49e4..000000000
--- a/packages/core/use-size/package.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "name": "@oku-ui/use-size",
-  "type": "module",
-  "version": "1.0.0",
-  "license": "MIT",
-  "source": "src/index.ts",
-  "funding": "https://github.com/sponsors/productdevbook",
-  "homepage": "https://oku-ui.com/primitives",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oku-ui/primitives.git",
-    "directory": "packages/core/use-size"
-  },
-  "bugs": {
-    "url": "https://github.com/oku-ui/primitives/issues"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "unbuild",
-    "dev": "unbuild --stub"
-  },
-  "peerDependencies": {
-    "vue": "^3.3.1"
-  },
-  "devDependencies": {
-    "@types/resize-observer-browser": "^0.1.7",
-    "tsconfig": "workspace:^"
-  }
-}
diff --git a/packages/core/use-size/src/index.ts b/packages/core/use-size/src/index.ts
deleted file mode 100644
index 18de6d75b..000000000
--- a/packages/core/use-size/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { useSize } from './use-size'
diff --git a/packages/core/use-size/tsconfig.json b/packages/core/use-size/tsconfig.json
deleted file mode 100644
index 01616135e..000000000
--- a/packages/core/use-size/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "./../../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  "include": [
-    "./"
-  ]
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e9351d16b..9037fb7ae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -139,9 +139,9 @@ importers:
       '@oku-ui/provide':
         specifier: workspace:^
         version: link:../../core/provide
-      '@oku-ui/use-callback-ref':
+      '@oku-ui/use-composable':
         specifier: workspace:^
-        version: link:../../core/use-callback-ref
+        version: link:../../core/use-composable
       '@oku-ui/utils':
         specifier: workspace:^
         version: link:../../core/utils
@@ -155,24 +155,15 @@ importers:
 
   packages/components/checkbox:
     dependencies:
-      '@oku-ui/compose-refs':
-        specifier: workspace:^
-        version: link:../../core/compose-refs
       '@oku-ui/primitive':
         specifier: workspace:^
         version: link:../../core/primitive
       '@oku-ui/provide':
         specifier: workspace:^
         version: link:../../core/provide
-      '@oku-ui/use-controllable-ref':
-        specifier: workspace:^
-        version: link:../../core/use-controllable-ref
-      '@oku-ui/use-previous':
+      '@oku-ui/use-composable':
         specifier: workspace:^
-        version: link:../../core/use-previous
-      '@oku-ui/use-size':
-        specifier: workspace:^
-        version: link:../../core/use-size
+        version: link:../../core/use-composable
       '@oku-ui/utils':
         specifier: workspace:^
         version: link:../../core/utils
@@ -227,16 +218,6 @@ importers:
         specifier: ^3.3.1
         version: 3.3.1
 
-  packages/core/compose-refs:
-    dependencies:
-      vue:
-        specifier: ^3.3.1
-        version: 3.3.1
-    devDependencies:
-      tsconfig:
-        specifier: workspace:^
-        version: link:../../tsconfig
-
   packages/core/primitive:
     dependencies:
       vue:
@@ -257,7 +238,7 @@ importers:
         specifier: workspace:^
         version: link:../../tsconfig
 
-  packages/core/use-callback-ref:
+  packages/core/use-composable:
     dependencies:
       vue:
         specifier: ^3.3.1
@@ -267,42 +248,6 @@ importers:
         specifier: workspace:^
         version: link:../../tsconfig
 
-  packages/core/use-controllable-ref:
-    dependencies:
-      '@oku-ui/use-callback-ref':
-        specifier: workspace:^
-        version: link:../use-callback-ref
-      vue:
-        specifier: ^3.3.1
-        version: 3.3.1
-    devDependencies:
-      tsconfig:
-        specifier: workspace:^
-        version: link:../../tsconfig
-
-  packages/core/use-previous:
-    dependencies:
-      vue:
-        specifier: ^3.3.1
-        version: 3.3.1
-    devDependencies:
-      tsconfig:
-        specifier: workspace:^
-        version: link:../../tsconfig
-
-  packages/core/use-size:
-    dependencies:
-      vue:
-        specifier: ^3.3.1
-        version: 3.3.1
-    devDependencies:
-      '@types/resize-observer-browser':
-        specifier: ^0.1.7
-        version: 0.1.7
-      tsconfig:
-        specifier: workspace:^
-        version: link:../../tsconfig
-
   packages/core/utils:
     devDependencies:
       tsconfig:
@@ -833,7 +778,6 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': 7.21.5
-    dev: true
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
@@ -4132,10 +4076,6 @@ packages:
       csstype: 3.1.2
     dev: true
 
-  /@types/resize-observer-browser@0.1.7:
-    resolution: {integrity: sha512-G9eN0Sn0ii9PWQ3Vl72jDPgeJwRWhv2Qk/nQkJuWmRmOB4HX3/BhD5SE1dZs/hzPZL/WKnvF0RHdTSG54QJFyg==}
-    dev: true
-
   /@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
     dev: true
@@ -5055,7 +4995,7 @@ packages:
   /@vue/compiler-sfc@3.3.1:
     resolution: {integrity: sha512-G+FPwBbXSLaA4+Ry5/bdD9Oda+sRslQcE9o6JSZaougRiT4OjVL0vtkbQHPrGRTULZV28OcrAjRfSZOSB0OTXQ==}
     dependencies:
-      '@babel/parser': 7.21.5
+      '@babel/parser': 7.21.8
       '@vue/compiler-core': 3.3.1
       '@vue/compiler-dom': 3.3.1
       '@vue/compiler-ssr': 3.3.1
@@ -5078,7 +5018,7 @@ packages:
   /@vue/reactivity-transform@3.3.1:
     resolution: {integrity: sha512-MkOrJauAGH4MNdxGW/PmrDegMyOGX0wGIdKUZJRBXOTpotDONg7/TPJe2QeGeBCow/5v9iOqZOWCfvmOWIaDMg==}
     dependencies:
-      '@babel/parser': 7.21.5
+      '@babel/parser': 7.21.8
       '@vue/compiler-core': 3.3.1
       '@vue/shared': 3.3.1
       estree-walker: 2.0.2
@@ -13676,7 +13616,7 @@ packages:
   /vue-docgen-api@4.71.0(vue@3.3.1):
     resolution: {integrity: sha512-90uxlQ5VGJ42IxkZg8Tz9jb0eyFYaL+LyHhlNfkos66ODhGoKk22gA8XW1UjjSE7zMyQB7SvMBr6oaWEOorMJg==}
     dependencies:
-      '@babel/parser': 7.21.5
+      '@babel/parser': 7.21.8
       '@babel/types': 7.21.5
       '@vue/compiler-dom': 3.3.1
       '@vue/compiler-sfc': 3.3.1

From b9b358be4fbfcf22f4fea6120446bb41f73bd136 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Fri, 12 May 2023 05:47:36 +0000
Subject: [PATCH 2/3] [autofix.ci] apply automated fixes

---
 packages/components/label/src/stories/LabelDemo.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/label/src/stories/LabelDemo.vue b/packages/components/label/src/stories/LabelDemo.vue
index 432144b49..2efa65f35 100644
--- a/packages/components/label/src/stories/LabelDemo.vue
+++ b/packages/components/label/src/stories/LabelDemo.vue
@@ -25,7 +25,7 @@ const alert = () => window.alert('clicked')
 <template>
   <div class="cursor-default inline-block">
     <div v-if="template === '#1' || allshow" class="flex flex-col">
-      <OkuLabel  ref="labelRef" class="text-black text-2xl border-2 border-gray-500 mb-4" for="firstName">
+      <OkuLabel ref="labelRef" class="text-black text-2xl border-2 border-gray-500 mb-4" for="firstName">
         {{ label }}
       </OkuLabel>
       <input id="firstName" class="mt-4 bg-gray-200 p-2 border-2 border-gray-500" type="text" defaultValue="Pedro Duarte">

From ce10fde9a13c983d5519366693edcda193f84309 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Fri, 12 May 2023 08:50:34 +0300
Subject: [PATCH 3/3] add: @types/resize-observer-browser

---
 packages/core/use-composable/package.json | 1 +
 pnpm-lock.yaml                            | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/packages/core/use-composable/package.json b/packages/core/use-composable/package.json
index d5718929f..e4e3ec131 100644
--- a/packages/core/use-composable/package.json
+++ b/packages/core/use-composable/package.json
@@ -35,6 +35,7 @@
     "vue": "^3.3.1"
   },
   "devDependencies": {
+    "@types/resize-observer-browser": "^0.1.7",
     "tsconfig": "workspace:^"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9037fb7ae..c1f4a4f34 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -244,6 +244,9 @@ importers:
         specifier: ^3.3.1
         version: 3.3.1
     devDependencies:
+      '@types/resize-observer-browser':
+        specifier: ^0.1.7
+        version: 0.1.7
       tsconfig:
         specifier: workspace:^
         version: link:../../tsconfig
@@ -4076,6 +4079,10 @@ packages:
       csstype: 3.1.2
     dev: true
 
+  /@types/resize-observer-browser@0.1.7:
+    resolution: {integrity: sha512-G9eN0Sn0ii9PWQ3Vl72jDPgeJwRWhv2Qk/nQkJuWmRmOB4HX3/BhD5SE1dZs/hzPZL/WKnvF0RHdTSG54QJFyg==}
+    dev: true
+
   /@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
     dev: true