@taicode/common-web 1.0.5 → 1.1.0

package/output/helpers/service/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/output/helpers/service/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/helpers/service/index.ts"],"names":[],"mappings":""}

package/output/helpers/service/index.js

@@ -0,0 +1 @@
+"use strict";

package/output/helpers/service/service.d.ts

@@ -0,0 +1,5 @@
+export declare abstract class Service {
+    abstract inited: boolean;
+    abstract init(): Promise<boolean>;
+}
+//# sourceMappingURL=service.d.ts.map

package/output/helpers/service/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../source/helpers/service/service.ts"],"names":[],"mappings":"AAAA,8BAAsB,OAAO;IAC3B,SAAgB,MAAM,EAAE,OAAO,CAAA;aACf,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;CACzC"}

package/output/helpers/service/service.js

@@ -0,0 +1,2 @@
+export class Service {
+}

package/output/helpers/side-cache/index.d.ts

@@ -0,0 +1,2 @@
+export { SideCache } from './side-cache';
+//# sourceMappingURL=index.d.ts.map

package/output/helpers/side-cache/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/helpers/side-cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}

package/output/helpers/side-cache/index.js

@@ -0,0 +1 @@
+export { SideCache } from './side-cache';

package/{source/utils/cache/aside.d.ts → output/helpers/side-cache/side-cache.d.ts}

@@ -1,7 +1,7 @@
-export declare class AsideCache<T> {
+export declare class SideCache<T> {
     private accessor currentKey;
     private accessor cache;
     get value(): T | null;
     handle<F extends ((...args: unknown[]) => Promise<T | null>)>(key: unknown, func: F): Promise<T | null>;
 }
-//# sourceMappingURL=aside.d.ts.map
+//# sourceMappingURL=side-cache.d.ts.map

package/output/helpers/side-cache/side-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-cache.d.ts","sourceRoot":"","sources":["../../../source/helpers/side-cache/side-cache.ts"],"names":[],"mappings":"AAOA,qBAAa,SAAS,CAAC,CAAC;IAEtB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAGjD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoC;IAE1D,IACW,KAAK,IAAI,CAAC,GAAG,IAAI,CAG3B;IAGY,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;CAiBrH"}

package/output/{utils/cache/aside.js → helpers/side-cache/side-cache.js}

@@ -44,8 +44,8 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 import { action, computed, observable, runInAction } from 'mobx';
-let AsideCache = (() => {
-    var _a, _AsideCache_currentKey_accessor_storage, _AsideCache_cache_accessor_storage;
+let SideCache = (() => {
+    var _a, _SideCache_currentKey_accessor_storage, _SideCache_cache_accessor_storage;
     var _b, _c;
     let _instanceExtraInitializers = [];
     let _currentKey_decorators;
@@ -56,11 +56,11 @@ let AsideCache = (() => {
     let _cache_extraInitializers = [];
     let _get_value_decorators;
     let _handle_decorators;
-    return _a = class AsideCache {
-            get currentKey() { return __classPrivateFieldGet(this, _AsideCache_currentKey_accessor_storage, "f"); }
-            set currentKey(value) { __classPrivateFieldSet(this, _AsideCache_currentKey_accessor_storage, value, "f"); }
-            get cache() { return __classPrivateFieldGet(this, _AsideCache_cache_accessor_storage, "f"); }
-            set cache(value) { __classPrivateFieldSet(this, _AsideCache_cache_accessor_storage, value, "f"); }
+    return _a = class SideCache {
+            get currentKey() { return __classPrivateFieldGet(this, _SideCache_currentKey_accessor_storage, "f"); }
+            set currentKey(value) { __classPrivateFieldSet(this, _SideCache_currentKey_accessor_storage, value, "f"); }
+            get cache() { return __classPrivateFieldGet(this, _SideCache_cache_accessor_storage, "f"); }
+            set cache(value) { __classPrivateFieldSet(this, _SideCache_cache_accessor_storage, value, "f"); }
             get value() {
                 var _b;
                 if (this.currentKey == null)
@@ -82,13 +82,13 @@ let AsideCache = (() => {
                 return funcReturn;
             }
             constructor() {
-                _AsideCache_currentKey_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _currentKey_initializers, null)));
-                _AsideCache_cache_accessor_storage.set(this, (__runInitializers(this, _currentKey_extraInitializers), __runInitializers(this, _cache_initializers, {})));
+                _SideCache_currentKey_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _currentKey_initializers, null)));
+                _SideCache_cache_accessor_storage.set(this, (__runInitializers(this, _currentKey_extraInitializers), __runInitializers(this, _cache_initializers, {})));
                 __runInitializers(this, _cache_extraInitializers);
             }
         },
-        _AsideCache_currentKey_accessor_storage = new WeakMap(),
-        _AsideCache_cache_accessor_storage = new WeakMap(),
+        _SideCache_currentKey_accessor_storage = new WeakMap(),
+        _SideCache_cache_accessor_storage = new WeakMap(),
         (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             _currentKey_decorators = [observable];
@@ -103,4 +103,4 @@ let AsideCache = (() => {
         })(),
         _a;
 })();
-export { AsideCache };
+export { SideCache };

package/output/helpers/side-cache/side-cache.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=side-cache.test.d.ts.map

package/output/helpers/side-cache/side-cache.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-cache.test.d.ts","sourceRoot":"","sources":["../../../source/helpers/side-cache/side-cache.test.ts"],"names":[],"mappings":""}

package/output/helpers/side-cache/side-cache.test.js

@@ -0,0 +1,89 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { SideCache } from './side-cache';
+describe('SideCache', () => {
+    let sideCache;
+    beforeEach(() => {
+        sideCache = new SideCache();
+    });
+    it('应该创建一个新的SideCache实例', () => {
+        expect(sideCache).toBeInstanceOf(SideCache);
+        expect(sideCache.value).toBeNull();
+    });
+    it('应该处理异步函数并缓存结果', async () => {
+        const mockFunc = vi.fn().mockResolvedValue('测试数据');
+        const key = { id: 1, name: '测试键' };
+        const result = await sideCache.handle(key, mockFunc);
+        expect(result).toBe('测试数据');
+        expect(sideCache.value).toBe('测试数据');
+        expect(mockFunc).toHaveBeenCalledTimes(1);
+    });
+    it('应该为不同的键缓存不同的值', async () => {
+        const mockFunc1 = vi.fn().mockResolvedValue('数据1');
+        const mockFunc2 = vi.fn().mockResolvedValue('数据2');
+        const key1 = { id: 1 };
+        const key2 = { id: 2 };
+        await sideCache.handle(key1, mockFunc1);
+        expect(sideCache.value).toBe('数据1');
+        await sideCache.handle(key2, mockFunc2);
+        expect(sideCache.value).toBe('数据2');
+    });
+    it('应该在函数返回null时不缓存结果', async () => {
+        const mockFunc = vi.fn().mockResolvedValue(null);
+        const key = { id: 1 };
+        const result = await sideCache.handle(key, mockFunc);
+        expect(result).toBeNull();
+        expect(sideCache.value).toBeNull();
+    });
+    it('应该正确处理相同键的多次调用', async () => {
+        const mockFunc = vi.fn().mockResolvedValue('缓存数据');
+        const key = { id: 1, name: '相同键' };
+        // 第一次调用
+        await sideCache.handle(key, mockFunc);
+        expect(sideCache.value).toBe('缓存数据');
+        // 第二次调用相同键
+        const mockFunc2 = vi.fn().mockResolvedValue('新数据');
+        await sideCache.handle(key, mockFunc2);
+        expect(sideCache.value).toBe('新数据');
+        // 验证两个函数都被调用了
+        expect(mockFunc).toHaveBeenCalledTimes(1);
+        expect(mockFunc2).toHaveBeenCalledTimes(1);
+    });
+    it('应该正确序列化复杂的键对象', async () => {
+        const mockFunc = vi.fn().mockResolvedValue('复杂键数据');
+        const complexKey = {
+            nested: {
+                array: [1, 2, 3],
+                string: '测试',
+                boolean: true
+            }
+        };
+        await sideCache.handle(complexKey, mockFunc);
+        expect(sideCache.value).toBe('复杂键数据');
+    });
+    it('应该处理异步函数抛出的错误', async () => {
+        const mockFunc = vi.fn().mockRejectedValue(new Error('测试错误'));
+        const key = { id: 1 };
+        await expect(() => sideCache.handle(key, mockFunc)).rejects.toThrow('测试错误');
+        expect(sideCache.value).toBeNull();
+    });
+    it('应该在没有设置当前键时返回null', () => {
+        expect(sideCache.value).toBeNull();
+    });
+    it('应该处理数字类型的缓存数据', async () => {
+        const numberCache = new SideCache();
+        const mockFunc = vi.fn().mockResolvedValue(42);
+        const key = 'number-key';
+        const result = await numberCache.handle(key, mockFunc);
+        expect(result).toBe(42);
+        expect(numberCache.value).toBe(42);
+    });
+    it('应该处理对象类型的缓存数据', async () => {
+        const objectCache = new SideCache();
+        const testData = { id: 1, name: '测试对象' };
+        const mockFunc = vi.fn().mockResolvedValue(testData);
+        const key = 'object-key';
+        const result = await objectCache.handle(key, mockFunc);
+        expect(result).toEqual(testData);
+        expect(objectCache.value).toEqual(testData);
+    });
+});

package/output/helpers/use-observer/index.d.ts

@@ -0,0 +1,2 @@
+export { useObserver } from './use-observer';
+//# sourceMappingURL=index.d.ts.map

package/output/helpers/use-observer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/helpers/use-observer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA"}

package/output/helpers/use-observer/index.js

@@ -0,0 +1 @@
+export { useObserver } from './use-observer';

package/output/{hooks/mobx.d.ts → helpers/use-observer/use-observer.d.ts}

@@ -1,3 +1,3 @@
 export declare function useObserver<T>(initialValue: T): T;
 export declare function useObserver<T, U>(initialValue: T, selector: (v: T) => U): U;
-//# sourceMappingURL=mobx.d.ts.map
+//# sourceMappingURL=use-observer.d.ts.map

package/output/helpers/use-observer/use-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observer.d.ts","sourceRoot":"","sources":["../../../source/helpers/use-observer/use-observer.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;AAClD,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA"}

package/output/helpers/use-observer/use-observer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-observer.test.d.ts.map

package/output/helpers/use-observer/use-observer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observer.test.d.ts","sourceRoot":"","sources":["../../../source/helpers/use-observer/use-observer.test.tsx"],"names":[],"mappings":""}

package/output/helpers/use-observer/use-observer.test.jsx

@@ -0,0 +1,134 @@
+import { describe, it, expect } from 'vitest';
+import { renderHook, act } from '@testing-library/react';
+import { observable, action } from 'mobx';
+import { useObserver } from './use-observer';
+describe('useObserver', () => {
+    it('应该返回初始值当没有selector时', () => {
+        const initialValue = '初始值';
+        const { result } = renderHook(() => useObserver(initialValue));
+        expect(result.current).toBe(initialValue);
+    });
+    it('应该使用selector转换值', () => {
+        const initialValue = { count: 5 };
+        const selector = (value) => value.count * 2;
+        const { result } = renderHook(() => useObserver(initialValue, selector));
+        expect(result.current).toBe(10);
+    });
+    it('应该在观察对象变化时重新渲染', async () => {
+        const observableStore = observable({
+            count: 0,
+            increment: action(() => {
+                observableStore.count++;
+            })
+        });
+        const { result } = renderHook(() => useObserver(observableStore, (store) => store.count));
+        expect(result.current).toBe(0);
+        // 改变observable的值
+        act(() => {
+            observableStore.increment();
+        });
+        // 等待React更新
+        await new Promise(resolve => setTimeout(resolve, 0));
+        expect(result.current).toBe(1);
+    });
+    it('应该处理复杂的selector函数', () => {
+        const store = observable({
+            users: [
+                { id: 1, name: '张三', active: true },
+                { id: 2, name: '李四', active: false },
+                { id: 3, name: '王五', active: true }
+            ]
+        });
+        const selector = (store) => store.users.filter((user) => user.active).map((user) => user.name);
+        const { result } = renderHook(() => useObserver(store, selector));
+        expect(result.current).toEqual(['张三', '王五']);
+    });
+    it('应该在observable数组变化时重新渲染', async () => {
+        const store = observable({
+            items: ['项目1', '项目2'],
+            addItem: action((item) => {
+                store.items.push(item);
+            })
+        });
+        const { result } = renderHook(() => useObserver(store, (store) => store.items.length));
+        expect(result.current).toBe(2);
+        act(() => {
+            store.addItem('项目3');
+        });
+        await new Promise(resolve => setTimeout(resolve, 0));
+        expect(result.current).toBe(3);
+    });
+    it('应该处理null值的初始值', () => {
+        const { result } = renderHook(() => useObserver(null));
+        expect(result.current).toBeNull();
+    });
+    it('应该处理undefined值的初始值', () => {
+        const { result } = renderHook(() => useObserver(undefined));
+        expect(result.current).toBeUndefined();
+    });
+    it('应该在selector为null时返回原值', () => {
+        const initialValue = { data: '测试数据' };
+        const { result } = renderHook(() => useObserver(initialValue, null));
+        expect(result.current).toBe(initialValue);
+    });
+    it('应该处理嵌套observable对象', async () => {
+        const store = observable({
+            user: {
+                profile: {
+                    name: '测试用户',
+                    email: 'test@example.com'
+                }
+            },
+            updateName: action((name) => {
+                store.user.profile.name = name;
+            })
+        });
+        const { result } = renderHook(() => useObserver(store, (store) => store.user.profile.name));
+        expect(result.current).toBe('测试用户');
+        act(() => {
+            store.updateName('新用户名');
+        });
+        await new Promise(resolve => setTimeout(resolve, 0));
+        expect(result.current).toBe('新用户名');
+    });
+    it('应该处理多个observable属性的变化', async () => {
+        const store = observable({
+            firstName: '张',
+            lastName: '三',
+            updateFirstName: action((name) => {
+                store.firstName = name;
+            }),
+            updateLastName: action((name) => {
+                store.lastName = name;
+            })
+        });
+        const { result } = renderHook(() => useObserver(store, (store) => `${store.firstName}${store.lastName}`));
+        expect(result.current).toBe('张三');
+        act(() => {
+            store.updateFirstName('李');
+        });
+        await new Promise(resolve => setTimeout(resolve, 0));
+        expect(result.current).toBe('李三');
+        act(() => {
+            store.updateLastName('四');
+        });
+        await new Promise(resolve => setTimeout(resolve, 0));
+        expect(result.current).toBe('李四');
+    });
+    it('应该在组件卸载时清理reaction', () => {
+        const store = observable({ count: 0 });
+        const { unmount } = renderHook(() => useObserver(store, (store) => store.count));
+        // 卸载组件应该不会抛出错误
+        expect(() => unmount()).not.toThrow();
+    });
+    it('应该处理boolean类型的返回值', () => {
+        const store = observable({ isActive: true });
+        const { result } = renderHook(() => useObserver(store, (store) => store.isActive));
+        expect(result.current).toBe(true);
+    });
+    it('应该处理数字类型的返回值', () => {
+        const store = observable({ count: 42 });
+        const { result } = renderHook(() => useObserver(store, (store) => store.count));
+        expect(result.current).toBe(42);
+    });
+});

package/package.json

@@ -1,36 +1,43 @@
 {
   "name": "@taicode/common-web",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "author": "Alain",
   "license": "ISC",
   "description": "",
+  "exports": {
+    "./*": {
+      "types": "./output/*/index.d.ts",
+      "import": "./output/*/index.js",
+      "require": "./output/*/index.js"
+    }
+  },
+  "files": [
+    "output"
+  ],
   "scripts": {
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
     "build": "tsc -p tsconfig.json",
     "dev": "tsc -p tsconfig.json --watch"
   },
   "peerDependencies": {
+    "@taicode/common-base": ">=1.1.0",
+    "@needle-di/core": ">=1.0.0",
     "@types/react": ">=18",
     "mobx": ">=6",
     "react": ">=18"
   },
-  "files": [
-    "output",
-    "source"
-  ],
-  "exports": {
-    "./utils/*": [
-      "./output/utils/*"
-    ],
-    "./hooks/*": [
-      "./output/hooks/*"
-    ],
-    "./catalyst/*": [
-      "./output/catalyst/*"
-    ]
-  },
   "dependencies": {
     "@headlessui/react": "^2.2.4",
     "framer-motion": "^12.19.2",
     "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/jest-dom": "^6.1.0",
+    "jsdom": "^23.0.0",
+    "vitest": "^1.0.0",
+    "@vitest/ui": "^1.0.0"
   }
 }

package/output/hooks/mobx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobx.d.ts","sourceRoot":"","sources":["../../source/hooks/mobx.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;AAClD,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA"}

package/output/utils/cache/aside.d.ts

@@ -1,7 +0,0 @@
-export declare class AsideCache<T> {
-    private accessor currentKey;
-    private accessor cache;
-    get value(): T | null;
-    handle<F extends ((...args: unknown[]) => Promise<T | null>)>(key: unknown, func: F): Promise<T | null>;
-}
-//# sourceMappingURL=aside.d.ts.map

package/output/utils/cache/aside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aside.d.ts","sourceRoot":"","sources":["../../../source/utils/cache/aside.ts"],"names":[],"mappings":"AAOA,qBAAa,UAAU,CAAC,CAAC;IAEvB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAGjD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoC;IAE1D,IACW,KAAK,IAAI,CAAC,GAAG,IAAI,CAG3B;IAGY,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;CAiBrH"}

package/output/utils/cache/index.d.ts

@@ -1,2 +0,0 @@
-export { AsideCache } from './aside';
-//# sourceMappingURL=index.d.ts.map

package/output/utils/cache/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utils/cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/output/utils/cache/index.js

@@ -1 +0,0 @@
-export { AsideCache } from './aside';

package/source/catalyst/CHANGELOG.md

@@ -1,136 +0,0 @@
-# Changelog
-
-## 2025-06-05
-
-- Update `DropdownLabel` to extend a plain `<div>` instead of the `Headless.Label` ([#1699](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1699))
-
-## 2025-04-28
-
-- Update template to Tailwind CSS v4.1.4
-
-## 2025-04-22
-
-- Fix focus styles in the `Avatar`, `Badge`, `Button`, `Checkbox`, and `Switch` components ([#1693](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1693))
-
-## 2025-04-17
-
-- Update `@headlessui/react` dependency to `v2.2.2` to fix listbox performance issues ([#1667](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1667))
-
-## 2025-04-04
-
-- Add new `Combobox` component
-- Add new `AuthLayout` component, with example login page, registration page, and forgot password page
-- Fix centering of checkboxes, radios, and switches in fields with multi-line labels
-- Update template to Tailwind CSS v4.1.3
-- Update template to Headless UI v2.2.1 (required for new `Combobox` component)
-
-## 2025-03-24
-
-- Adjust avatar ring opacity from 20% to 10%
-
-## 2025-03-22
-
-- Update template to Tailwind CSS v4.0.15
-
-## 2025-02-22
-
-- Fix border radius of avatars in navbar items
-
-## 2025-02-12
-
-- Fix baseline alignment for buttons with icons ([#1668](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1668))
-
-## 2025-02-10
-
-- Update template to Tailwind CSS v4.0.6
-
-## 2025-01-29
-
-- Fix conflicting outline utilities ([#1661](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1661))
-
-## 2025-01-23
-
-- Update template to Tailwind CSS v4.0
-
-## 2024-10-31
-
-- Fix `disabled` prop in `DropdownItem` component ([#1640](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1640))
-- Update types in `SidebarItem` component
-
-## 2024-06-09
-
-- Omit `as` prop from types for Headless UI-based components
-
-## 2024-06-26
-
-- Update `@headlessui/react` dependency to `v2.1.1`
-- Update `Dialog`, `Alert`, and `Listbox` to new data-attribute-based transition API
-
-## 2024-06-21
-
-- Update `@headlessui/react` dependency to `v2.1.0`
-- Use `DialogBackdrop` in `Alert` and `Dialog` components
-- Update to new data-attribute-based transition API
-
-## 2024-06-19
-
-- Prevent content from overflowing the mobile sidebar
-
-## 2024-06-18
-
-- Use consistent `let` and `const` declarations
-- Use consistent `clsx` import
-- Use consistent `forwardRef` instead of `React.forwardRef` import
-- Update `tailwindcss`, `prettier` and `prettier-plugin-tailwindcss` dependencies in Next.js demo app
-- Fix class order in `Dropdown` component
-
-## 2024-06-10
-
-- Add `dark:[color-scheme:dark]` class to `Input` component ([#1596](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1596))
-
-## 2024-05-31
-
-- Add Next.js demo app ([#1580](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1580))
-- Fix `Avatar` sizing and padding ([#1588](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1588))
-
-## 2024-05-27
-
-- Add `pointer-events-none` to `InputGroup` icon ([#1594](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1594))
-- Add default text color to `Table` component ([#1581](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1581))
-- Fix TypeScript issues when using `as={Link}` ([#1582](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1582))
-- Fix `SidebarItem` import ([#1582](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1582))
-- Add `isolate` class to `InputGroup`, `SidebarLayout`, and `StackedLayout` components
-- Fix comment indentation and use proper DocBlocks
-
-## 2024-05-24
-
-- Add new `SidebarLayout` component
-- Add new `StackedLayout` component
-- Add new `Navbar` component
-- Add new `Sidebar` component
-- Add new `DescriptionList` component
-- Add new `Heading` component
-- Add new `Divider` component
-- Add new `framer-motion` dependency
-- Update `@headlessui/react` dependency to `v2.0`
-- Remove `as={Fragment}` from the transition components
-- Improve and fix a number of types
-- Made formatting of `className` and `{...prop}` more consistent across all components
-- Made formatting of `forwardRef` consistent across all components
-- Update `PaginationGap` component to use a `span` instead of a `div`
-- Update the `SidebarHeading` to render use an `h3` instead of a `d`iv
-- Remove `children` prop from `Switch` component
-
-## 2024-01-08
-
-- Add `resizable` prop to `Textarea` component ([#1543](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1543))
-
-## 2024-01-03
-
-- Change top-level `let` declarations to `const`
-- Fix `--btn-hover-overlay` color for dark/white button ([#1538](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1538))
-- Add `forwardRef` to `Input`, `Select`, and `Textarea` components ([#1540](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1540))
-
-## 2023-12-20
-
-- Initial release

package/source/catalyst/README.md

@@ -1,65 +0,0 @@
-# Catalyst UI Kit
-
-Catalyst is a modern application UI kit built with [Tailwind CSS](https://tailwindcss.com) and [React](https://react.dev/), designed and built by the Tailwind CSS team and included as part of [Tailwind Plus](https://tailwindcss.com/plus).
-
-## Getting started
-
-To get started, first copy the component files included in the downloaded ZIP file into wherever you keep components in your own project. The components are provided in both TypeScript and plain JavaScript, pick whichever set you prefer.
-
-Next, install the dependencies used by the components in Catalyst:
-
-```sh
-npm install @headlessui/react framer-motion clsx
-```
-
-Catalyst is also designed for the latest version of Tailwind CSS, which is currently Tailwind CSS v4.0. To make sure that you are on the latest version of Tailwind, update it via npm:
-
-```sh
-npm install tailwindcss@latest
-```
-
-Now you're ready to start using the components in your project — just import them from wherever you're keeping your components and start using them like any of your other React components:
-
-```jsx
-import { Input } from './components/input'
-import { Field, FieldGroup, Label } from './components/fieldset'
-import { Button } from './components/button'
-
-export default function SettingsForm() {
-  return (
-    <form>
-      <FieldGroup>
-        <Field>
-          <Label>Name</Label>
-          <Input name="name" />
-        </Field>
-        <Field>
-          <Label>Email</Label>
-          <Input type="email" name="email" />
-        </Field>
-        <Button type="submit">Save changes</Button>
-      </FieldGroup>
-    </form>
-  )
-}
-```
-
-Additional installation instructions can be found in the Catalyst documentation.
-
-## Documentation
-
-You can find the Catalyst documentation at https://catalyst.tailwindui.com/docs.
-
-## License
-
-This site template is a commercial product and is licensed under the [Tailwind Plus license](https://tailwindcss.com/plus/license).
-
-## Learn more
-
-To learn more about the technologies used in this site template, see the following resources:
-
-- [Tailwind CSS](https://tailwindcss.com/docs) - the official Tailwind CSS documentation
-- [Headless UI](https://headlessui.dev) - the official Headless UI documentation
-- [React](https://react.dev) - the official React documentation
-- [Framer Motion](https://www.framer.com/docs/) - the official Framer Motion documentation
-- [clsx](https://github.com/lukeed/clsx) - the GitHub repo for the `clsx` helper