chore: release 0.12.0

lepture · lepture · commit abab25bab2a4 · 2025-07-26T20:38:01.000+09:00
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -23,7 +23,6 @@ jobs:
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm run build
-      - run: cp -r tailwind dist
       - name: publish
         run: |
           cd dist
diff --git a/docs/examples/icon-button/Overview.vue b/docs/examples/icon-button/Overview.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { IconButton, Icon } from '#components'
+import { Icon } from '@iconify/vue'
+import { IconButton } from '#components'
 </script>
 
 <template>
diff --git a/docs/examples/icon-button/Variant.vue b/docs/examples/icon-button/Variant.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { IconButton, Icon } from '#components'
+import { Icon } from '@iconify/vue'
+import { IconButton } from '#components'
 </script>
 
 <template>
diff --git a/docs/examples/toggle-group/Color.vue b/docs/examples/toggle-group/Color.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Icon, ToggleGroupRoot, ToggleGroupItem } from '#components'
+import { Icon } from '@iconify/vue'
+import { ToggleGroupRoot, ToggleGroupItem } from '#components'
 
 const selected = ref<string>('left')
 </script>
diff --git a/docs/examples/toggle-group/Overview.vue b/docs/examples/toggle-group/Overview.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Icon, ToggleGroupRoot, ToggleGroupItem } from '#components'
+import { Icon } from '@iconify/vue'
+import { ToggleGroupRoot, ToggleGroupItem } from '#components'
 
 const selected = ref<string>('left')
 </script>
diff --git a/docs/examples/toggle-group/Size.vue b/docs/examples/toggle-group/Size.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Icon, ToggleGroupRoot, ToggleGroupItem } from '#components'
+import { Icon } from '@iconify/vue'
+import { ToggleGroupRoot, ToggleGroupItem } from '#components'
 
 const selected = ref<string>('left')
 </script>
diff --git a/docs/examples/toggle-group/Variant.vue b/docs/examples/toggle-group/Variant.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Icon, ToggleGroupRoot, ToggleGroupItem } from '#components'
+import { Icon } from '@iconify/vue'
+import { ToggleGroupRoot, ToggleGroupItem } from '#components'
 
 const selected = ref<string>('blog')
 </script>
diff --git a/docs/examples/toggle/Overview.vue b/docs/examples/toggle/Overview.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Toggle, Icon } from '#components'
+import { Icon } from '@iconify/vue'
+import { Toggle } from '#components'
 </script>
 
 <template>
diff --git a/docs/examples/toggle/Size.vue b/docs/examples/toggle/Size.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Toggle, Icon } from '#components'
+import { Icon } from '@iconify/vue'
+import { Toggle } from '#components'
 </script>
 
 <template>
diff --git a/docs/examples/toggle/Variant.vue b/docs/examples/toggle/Variant.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Toggle, Icon } from '#components'
+import { Icon } from '@iconify/vue'
+import { Toggle } from '#components'
 </script>
 
 <template>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typlog/ui",
-  "version": "0.11.8",
+  "version": "0.12.0",
   "license": "MIT",
   "private": true,
   "type": "module",
@@ -15,7 +15,7 @@
   ],
   "scripts": {
     "start": "vitepress dev",
-    "build": "npm run build:vue && npm run build:css",
+    "build": "npm run build:vue && npm run build:css && cp -r tailwind dist",
     "build:vue": "vite build && node scripts/post-build.mjs",
     "build:css": "node scripts/build-css.mjs",
     "build:meta": "npx tsx scripts/generate-component-meta.ts",
diff --git a/scripts/build-css.mjs b/scripts/build-css.mjs
@@ -43,11 +43,6 @@ const buildAll = async () => {
   })
   await Promise.all(results)
   await fs.unlink('dist/noop')
-  try {
-    await fs.unlink('dist/base.d.ts')
-  } catch (e) {
-    console.info(e)
-  }
 }
 
 buildAll()
diff --git a/scripts/post-build.mjs b/scripts/post-build.mjs
@@ -18,5 +18,19 @@ const updatePackageJSON = async () => {
   fs.writeFileSync('dist/package.json', JSON.stringify(pkg, null, 2))
 }
 
+const cleanFiles = () => {
+  try {
+    fs.unlinkSync('dist/base.d.ts')
+  } catch (e) {
+    console.info(e)
+  }
+  try {
+    fs.unlinkSync('dist/tailwind.d.ts')
+  } catch (e) {
+    console.info(e)
+  }
+}
+
 updateImports(path.resolve('dist/addons.js'))
 updatePackageJSON()
+cleanFiles()
diff --git a/src/addons/button/SocialButton.vue b/src/addons/button/SocialButton.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 import type { PrimitiveProps } from 'reka-ui'
-import type { RadiusType } from '../../components/types'
+import type { RadiusType } from '#components'
 
 type BrandType = 'google' | 'facebook' | 'x' | 'github' | 'apple' | 'slack' | 'figma'
 
@@ -31,7 +31,7 @@ export interface SocialButtonProps extends PrimitiveProps {
 import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
 import { Icon } from '@iconify/vue'
-import { buildPropsClass } from '../../components/util'
+import { buildPropsClass } from '#components'
 
 const props = withDefaults(defineProps<SocialButtonProps>(), {
   as: 'button',
diff --git a/src/components/collapsible/CollapsibleRoot.vue b/src/components/collapsible/CollapsibleRoot.vue
@@ -35,9 +35,7 @@ const resetClass = buildPropsClass(props, ['variant', 'size'])
     :data-accent-color="color"
     :data-radius="radius"
   >
-    <template #default="{ open }">
-      <slot :open="open"></slot>
-    </template>
+    <slot></slot>
   </CollapsibleRoot>
 </template>
 
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -37,4 +37,5 @@ export * from './tooltip'
 export * from './quota'
 export * from './spinner'
 
+export * from './util'
 export type * from './types'
diff --git a/src/components/toast/index.ts b/src/components/toast/index.ts
@@ -14,8 +14,7 @@ export {
   type ToastProviderProps,
 } from './ToastProvider.vue'
 
-export const toastManager = useToastManager()
-
+const toastManager = useToastManager()
 
 export const toast: ToastFunction = Object.assign(
   (msg: Message) => {
diff --git a/src/package.json b/src/package.json
@@ -27,7 +27,7 @@
     "./base.css": "./base.css",
     "./components.css": "./components.css",
     "./addons.css": "./addons.css",
-    "./tailwind.css": "./tailwind/index.css",
+    "./tailwind.css": "./tailwind.css",
     "./components/": "./components/"
   },
   "dependencies": {
diff --git a/tailwind/colors.css b/tailwind/colors.css
@@ -1,7 +1,3 @@
-@theme {
-  --color-*: initial;
-}
-
 @layer base {
   * {
     border-color: var(--gray-a4);
diff --git a/tsconfig.build.json b/tsconfig.build.json
@@ -1,6 +1,9 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "compilerOptions": {
+    "types": [
+      "unplugin-icons/types/vue",
+    ],
     "target": "esnext",
     "jsx": "preserve",
     "lib": ["esnext", "dom"],
diff --git a/vite.config.ts b/vite.config.ts
@@ -34,6 +34,7 @@ export default defineConfig({
       formats: ['es'],
       entry: {
         base: resolve(__dirname, 'src/styles/index.css'),
+        tailwind: resolve(__dirname, 'tailwind/index.css'),
         components: resolve(__dirname, 'src/components/index.ts'),
         addons: resolve(__dirname, 'src/addons/index.ts'),
       },
