@taicode/common-web 1.1.14 → 1.1.16

package/output/cache-api/cache-api.d.ts

@@ -1,7 +1,7 @@
 type ApiFunc<P extends unknown[], R = unknown> = (...args: P) => Promise<R>;
 export declare class CacheApi<P extends unknown[], R> {
     private func;
-    private cache;
+    private readonly cache;
     private lastArgs;
     private accessor pendingRequests;
     constructor(func: ApiFunc<P, R>);
@@ -14,6 +14,10 @@ export declare class CacheApi<P extends unknown[], R> {
      * @param force 强制刷新，清除缓存
      */
     refresh(force?: boolean): Promise<R>;
+    /**
+     * 重置缓存和状态
+     */
+    reset(): Promise<void>;
 }
 export {};
 //# sourceMappingURL=cache-api.d.ts.map

package/output/cache-api/cache-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cache-api.d.ts","sourceRoot":"","sources":["../../source/cache-api/cache-api.ts"],"names":[],"mappings":"AAKA,KAAK,OAAO,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAE3E,qBAAa,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC;IAU9B,OAAO,CAAC,IAAI;IATxB,OAAO,CAAC,KAAK,CAAqB;IAGlC,OAAO,CAAC,QAAQ,CAAe;IAI/B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAI;gBAEhB,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAIvC,IACI,OAAO,IAAI,OAAO,CAErB;IAED,IACI,KAAK,IAAI,OAAO,CAEnB;IAED,IACI,KAAK,IAAI,CAAC,GAAG,SAAS,CAEzB;IAGK,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IAuBlC;;;OAGG;IAEG,OAAO,CAAC,KAAK,GAAE,OAAe,GAAG,OAAO,CAAC,CAAC,CAAC;CAalD"}
+{"version":3,"file":"cache-api.d.ts","sourceRoot":"","sources":["../../source/cache-api/cache-api.ts"],"names":[],"mappings":"AAKA,KAAK,OAAO,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAE3E,qBAAa,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC;IAW9B,OAAO,CAAC,IAAI;IATxB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqB;IAG3C,OAAO,CAAC,QAAQ,CAAe;IAI/B,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAI;gBAEhB,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAIvC,IACI,OAAO,IAAI,OAAO,CAErB;IAED,IACI,KAAK,IAAI,OAAO,CAEnB;IAED,IACI,KAAK,IAAI,CAAC,GAAG,SAAS,CAEzB;IAGK,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IAuBlC;;;OAGG;IAEG,OAAO,CAAC,KAAK,GAAE,OAAe,GAAG,OAAO,CAAC,CAAC,CAAC;IAcjD;;OAEG;IAEG,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;CAK7B"}

package/output/cache-api/cache-api.js

@@ -43,12 +43,12 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-import { action, computed, observable } from 'mobx';
+import { action, computed, observable, when } from 'mobx';
 import { catchIt } from '@taicode/common-base';
 import { SideCache } from '../side-cache';
 let CacheApi = (() => {
     var _a, _CacheApi_pendingRequests_accessor_storage;
-    var _b, _c;
+    var _b, _c, _d;
     let _instanceExtraInitializers = [];
     let _pendingRequests_decorators;
     let _pendingRequests_initializers = [];
@@ -58,6 +58,7 @@ let CacheApi = (() => {
     let _get_value_decorators;
     let _call_decorators;
     let _refresh_decorators;
+    let _reset_decorators;
     return _a = class CacheApi {
             // 记录当前正在进行的请求数量
             get pendingRequests() { return __classPrivateFieldGet(this, _CacheApi_pendingRequests_accessor_storage, "f"); }
@@ -111,6 +112,14 @@ let CacheApi = (() => {
                 // 重新调用最近一次的参数
                 return await this.call(...this.lastArgs);
             }
+            /**
+             * 重置缓存和状态
+             */
+            async reset() {
+                await when(() => this.pendingRequests === 0);
+                this.lastArgs = undefined;
+                this.cache.clear();
+            }
         },
         _CacheApi_pendingRequests_accessor_storage = new WeakMap(),
         (() => {
@@ -121,12 +130,14 @@ let CacheApi = (() => {
             _get_value_decorators = [computed];
             _call_decorators = [(_b = action).bound.bind(_b)];
             _refresh_decorators = [(_c = action).bound.bind(_c)];
+            _reset_decorators = [(_d = action).bound.bind(_d)];
             __esDecorate(_a, null, _pendingRequests_decorators, { kind: "accessor", name: "pendingRequests", static: false, private: false, access: { has: obj => "pendingRequests" in obj, get: obj => obj.pendingRequests, set: (obj, value) => { obj.pendingRequests = value; } }, metadata: _metadata }, _pendingRequests_initializers, _pendingRequests_extraInitializers);
             __esDecorate(_a, null, _get_loading_decorators, { kind: "getter", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(_a, null, _get_empty_decorators, { kind: "getter", name: "empty", static: false, private: false, access: { has: obj => "empty" in obj, get: obj => obj.empty }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(_a, null, _get_value_decorators, { kind: "getter", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(_a, null, _call_decorators, { kind: "method", name: "call", static: false, private: false, access: { has: obj => "call" in obj, get: obj => obj.call }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(_a, null, _refresh_decorators, { kind: "method", name: "refresh", static: false, private: false, access: { has: obj => "refresh" in obj, get: obj => obj.refresh }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _reset_decorators, { kind: "method", name: "reset", static: false, private: false, access: { has: obj => "reset" in obj, get: obj => obj.reset }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;

package/output/cache-api/cache-api.test.js

@@ -446,4 +446,165 @@ describe('CacheApi', () => {
             expect(noParamMockFunc).toHaveBeenCalledTimes(2);
         });
     });
+    describe('reset 方法', () => {
+        it('应该清除所有缓存数据', async () => {
+            mockApiFunc.mockResolvedValue('test-result');
+            // 先调用 API 产生缓存
+            await cacheApi.call('param1', 123);
+            expect(cacheApi.value).toBe('test-result');
+            expect(cacheApi.empty).toBe(false);
+            // 重置
+            await cacheApi.reset();
+            // 验证缓存被清除
+            expect(cacheApi.value).toBeUndefined();
+            expect(cacheApi.empty).toBe(true);
+        });
+        it('应该清除 lastArgs 参数记录', async () => {
+            mockApiFunc.mockResolvedValue('test-result');
+            // 先调用 API
+            await cacheApi.call('param1', 123);
+            // 重置
+            await cacheApi.reset();
+            // 尝试刷新应该抛出错误，因为 lastArgs 已被清除
+            await expect(cacheApi.refresh()).rejects.toThrow('没有可用的参数来刷新数据，请先调用 call 方法');
+        });
+        it('应该在没有任何调用时也能正常重置', async () => {
+            // 直接重置，不应该抛出错误
+            await expect(cacheApi.reset()).resolves.toBeUndefined();
+            // 验证状态
+            expect(cacheApi.value).toBeUndefined();
+            expect(cacheApi.empty).toBe(true);
+            expect(cacheApi.loading).toBe(false);
+        });
+        it('应该等待所有进行中的请求完成后再重置', async () => {
+            let resolveFn;
+            const promise = new Promise((resolve) => {
+                resolveFn = resolve;
+            });
+            mockApiFunc.mockReturnValue(promise);
+            // 启动一个异步请求
+            const callPromise = cacheApi.call('test', 1);
+            expect(cacheApi.loading).toBe(true);
+            // 开始重置（应该等待请求完成）
+            const resetPromise = cacheApi.reset();
+            // 此时请求还在进行中，缓存应该还有值
+            await new Promise(resolve => setTimeout(resolve, 10));
+            // 完成请求
+            resolveFn('result');
+            await callPromise;
+            // 等待重置完成
+            await resetPromise;
+            // 验证重置后的状态
+            expect(cacheApi.value).toBeUndefined();
+            expect(cacheApi.empty).toBe(true);
+            expect(cacheApi.loading).toBe(false);
+        });
+        it('应该等待多个并发请求都完成后再重置', async () => {
+            const resolvers = [];
+            mockApiFunc.mockImplementation((param) => {
+                return new Promise((resolve) => {
+                    resolvers.push((value) => resolve(`${param}-${value}`));
+                });
+            });
+            // 启动三个并发请求
+            const promise1 = cacheApi.call('req1', 1);
+            const promise2 = cacheApi.call('req2', 2);
+            const promise3 = cacheApi.call('req3', 3);
+            expect(cacheApi.loading).toBe(true);
+            // 开始重置
+            const resetPromise = cacheApi.reset();
+            // 等待一下
+            await new Promise(resolve => setTimeout(resolve, 10));
+            // 依次完成所有请求
+            resolvers[0]('result1');
+            await promise1;
+            resolvers[1]('result2');
+            await promise2;
+            resolvers[2]('result3');
+            await promise3;
+            // 等待重置完成
+            await resetPromise;
+            // 验证重置后的状态
+            expect(cacheApi.value).toBeUndefined();
+            expect(cacheApi.empty).toBe(true);
+            expect(cacheApi.loading).toBe(false);
+        });
+        it('应该在请求失败后也能正常重置', async () => {
+            const error = new Error('API Error');
+            mockApiFunc.mockRejectedValue(error);
+            // 调用失败的请求
+            try {
+                await cacheApi.call('test', 1);
+            }
+            catch (e) {
+                // 忽略错误
+            }
+            // 重置应该成功
+            await expect(cacheApi.reset()).resolves.toBeUndefined();
+            // 验证状态
+            expect(cacheApi.value).toBeUndefined();
+            expect(cacheApi.empty).toBe(true);
+            expect(cacheApi.loading).toBe(false);
+        });
+        it('重置后应该能够正常调用新的请求', async () => {
+            mockApiFunc.mockResolvedValueOnce('first-result');
+            mockApiFunc.mockResolvedValueOnce('second-result');
+            // 第一次调用
+            await cacheApi.call('param1', 123);
+            expect(cacheApi.value).toBe('first-result');
+            // 重置
+            await cacheApi.reset();
+            expect(cacheApi.value).toBeUndefined();
+            // 重置后再次调用
+            await cacheApi.call('param2', 456);
+            expect(cacheApi.value).toBe('second-result');
+            expect(cacheApi.empty).toBe(false);
+        });
+        it('重置后 refresh 应该需要先调用 call', async () => {
+            mockApiFunc.mockResolvedValue('test-result');
+            // 先调用并刷新
+            await cacheApi.call('test', 1);
+            await cacheApi.refresh();
+            // 重置
+            await cacheApi.reset();
+            // 重置后 refresh 应该抛出错误
+            await expect(cacheApi.refresh()).rejects.toThrow('没有可用的参数来刷新数据，请先调用 call 方法');
+        });
+        it('应该正确处理重置期间的 loading 状态', async () => {
+            let resolveFn;
+            const promise = new Promise((resolve) => {
+                resolveFn = resolve;
+            });
+            mockApiFunc.mockReturnValue(promise);
+            // 启动请求
+            const callPromise = cacheApi.call('test', 1);
+            expect(cacheApi.loading).toBe(true);
+            // 启动重置（会等待请求完成）
+            const resetPromise = cacheApi.reset();
+            // loading 应该还是 true
+            expect(cacheApi.loading).toBe(true);
+            // 完成请求
+            resolveFn('result');
+            await callPromise;
+            // loading 变为 false
+            expect(cacheApi.loading).toBe(false);
+            // 等待重置完成
+            await resetPromise;
+            // 重置后 loading 应该仍然是 false
+            expect(cacheApi.loading).toBe(false);
+        });
+        it('应该清除所有缓存的 key', async () => {
+            mockApiFunc.mockResolvedValue('result');
+            // 调用多次产生多个缓存
+            await cacheApi.call('param1', 1);
+            await cacheApi.call('param2', 2);
+            await cacheApi.call('param3', 3);
+            expect(cacheApi.empty).toBe(false);
+            // 重置
+            await cacheApi.reset();
+            // 验证所有缓存都被清除
+            expect(cacheApi.empty).toBe(true);
+            expect(cacheApi.value).toBeUndefined();
+        });
+    });
 });

package/output/catalyst/avatar.d.ts

@@ -10,6 +10,7 @@ type AvatarProps = {
 export declare function Avatar({ src, square, initials, alt, className, ...props }: AvatarProps & React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
 export declare const AvatarButton: React.ForwardRefExoticComponent<(AvatarProps & (Omit<Headless.ButtonProps<"button">, "className" | "as"> | Omit<Omit<{
     href: string;
+    as?: React.ElementType;
 } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref">, "className">)) & React.RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=avatar.d.ts.map

package/output/catalyst/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../source/catalyst/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAU,EACV,MAAc,EACd,QAAQ,EACR,GAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CA6BtD;AAED,eAAO,MAAM,YAAY;;+MA+BvB,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../source/catalyst/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAU,EACV,MAAc,EACd,QAAQ,EACR,GAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CA6BtD;AAED,eAAO,MAAM,YAAY;;;+MA+BvB,CAAA"}

package/output/catalyst/badge.d.ts

@@ -29,6 +29,7 @@ export declare const BadgeButton: React.ForwardRefExoticComponent<(BadgeProps &
     children: React.ReactNode;
 } & (Omit<Headless.ButtonProps<"button">, "className" | "as"> | Omit<Omit<{
     href: string;
+    as?: React.ElementType;
 } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref">, "className">))) & React.RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=badge.d.ts.map

package/output/catalyst/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../source/catalyst/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CA4BX,CAAA;AAED,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;CAAE,CAAA;AAEjD,wBAAgB,KAAK,CAAC,EAAE,KAAc,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAWjH;AAED,eAAO,MAAM,WAAW;gBAMQ,MAAM;cAAY,KAAK,CAAC,SAAS;;;gNAwB/D,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../source/catalyst/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CA4BX,CAAA;AAED,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAA;CAAE,CAAA;AAEjD,wBAAgB,KAAK,CAAC,EAAE,KAAc,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAWjH;AAED,eAAO,MAAM,WAAW;gBAMQ,MAAM;cAAY,KAAK,CAAC,SAAS;;;;gNAwB/D,CAAA"}

package/output/catalyst/link.d.ts

@@ -8,5 +8,6 @@
 import React from 'react';
 export declare const Link: React.ForwardRefExoticComponent<{
     href: string;
+    as?: React.ElementType;
 } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 //# sourceMappingURL=link.d.ts.map

package/output/catalyst/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../source/catalyst/link.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,IAAI;UACA,MAAM;oJAQrB,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../source/catalyst/link.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,eAAO,MAAM,IAAI;UAEP,MAAM;SACP,KAAK,CAAC,WAAW;oJA0BxB,CAAA"}

package/output/catalyst/link.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * TODO: Update this component to use your client-side framework's link
@@ -6,8 +17,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * https://catalyst.tailwindui.com/docs#client-side-router-integration
  */
-import * as Headless from '@headlessui/react';
 import { forwardRef } from 'react';
+import * as Headless from '@headlessui/react';
+import { useCatalystConfig } from '../catalyst-config/catalyst-config';
 export const Link = forwardRef(function Link(props, ref) {
-    return (_jsx(Headless.DataInteractive, { children: _jsx("a", Object.assign({}, props, { ref: ref })) }));
+    const params = Object.assign({}, props);
+    const { link = {} } = useCatalystConfig();
+    if (link.defaultAs && params.as == undefined) {
+        params.as = link.defaultAs;
+    }
+    if (link.forceAs) {
+        params.as = link.forceAs;
+    }
+    if (!params.as) {
+        params.as = 'a';
+    }
+    const { as: Component } = params, restProps = __rest(params, ["as"]);
+    return (_jsx(Headless.DataInteractive, { children: _jsx(Component, Object.assign({}, params, { ref: ref })) }));
 });

package/output/catalyst/navbar.d.ts

@@ -10,6 +10,7 @@ export declare const NavbarItem: React.ForwardRefExoticComponent<({
     children: React.ReactNode;
 } & (Omit<Headless.ButtonProps<"button">, "className" | "as"> | Omit<Omit<{
     href: string;
+    as?: React.ElementType;
 } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref">, "className">)) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export declare function NavbarLabel({ className, ...props }: React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=navbar.d.ts.map

package/output/catalyst/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../source/catalyst/navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAG7C,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAEpF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAE3F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAQ3F;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAE1F;AAED,eAAO,MAAM,UAAU;cAMN,OAAO;gBAAc,MAAM;cAAY,KAAK,CAAC,SAAS;;;yOAsDrE,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAE1F"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../source/catalyst/navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAG7C,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAEpF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAE3F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAQ3F;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAE1F;AAED,eAAO,MAAM,UAAU;cAMN,OAAO;gBAAc,MAAM;cAAY,KAAK,CAAC,SAAS;;;;yOAsDrE,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAE1F"}

package/output/catalyst/sidebar.d.ts

@@ -14,6 +14,7 @@ export declare const SidebarItem: React.ForwardRefExoticComponent<({
     children: React.ReactNode;
 } & (Omit<Headless.ButtonProps<"button">, "className" | "as"> | Omit<Headless.ButtonProps<React.ForwardRefExoticComponent<{
     href: string;
+    as?: React.ElementType;
 } & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>>, "className" | "as">)) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export declare function SidebarLabel({ className, ...props }: React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sidebar.d.ts.map

package/output/catalyst/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../source/catalyst/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAG7C,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAErF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU3F;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAUzF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU3F;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAQ5F;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,2CAE3F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAE3F;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,2CAI3F;AAED,eAAO,MAAM,WAAW;cAMP,OAAO;gBAAc,MAAM;cAAY,KAAK,CAAC,SAAS;;;0OA0DrE,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAE3F"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../source/catalyst/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAG7C,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAErF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU3F;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAUzF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU3F;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAQ5F;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,2CAE3F;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAE3F;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,2CAI3F;AAED,eAAO,MAAM,WAAW;cAMP,OAAO;gBAAc,MAAM;cAAY,KAAK,CAAC,SAAS;;;;0OA0DrE,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,2CAE3F"}

package/output/catalyst-config/catalyst-config.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface CatalystConfig {
+    link?: {
+        forceAs?: React.ElementType;
+        defaultAs?: React.ElementType;
+    };
+}
+export interface CatalystConfigProviderProps {
+    children: React.ReactNode;
+    config?: Partial<CatalystConfig>;
+}
+export declare function CatalystConfig({ children, config }: CatalystConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useCatalystConfig(): CatalystConfig;
+//# sourceMappingURL=catalyst-config.d.ts.map

package/output/catalyst-config/catalyst-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalyst-config.d.ts","sourceRoot":"","sources":["../../source/catalyst-config/catalyst-config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAGxD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;QAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;KAC9B,CAAA;CACF;AASD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAW,EAAE,EAAE,2BAA2B,2CAQpF;AAGD,wBAAgB,iBAAiB,IAAI,cAAc,CAElD"}

package/output/catalyst-config/catalyst-config.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+// 默认配置
+const defaultConfig = {};
+// Context
+const CatalystContext = createContext(defaultConfig);
+export function CatalystConfig({ children, config = {} }) {
+    const mergedConfig = Object.assign(Object.assign({}, defaultConfig), config);
+    return (_jsx(CatalystContext.Provider, { value: mergedConfig, children: children }));
+}
+// Hook 用于获取配置
+export function useCatalystConfig() {
+    return useContext(CatalystContext);
+}

package/output/catalyst-config/index.d.ts

@@ -0,0 +1,3 @@
+export type { CatalystConfig, CatalystConfigProviderProps } from './catalyst-config';
+export { CatalystConfig as CatalystConfigProvider, useCatalystConfig } from './catalyst-config';
+//# sourceMappingURL=index.d.ts.map

package/output/catalyst-config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/catalyst-config/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AACpF,OAAO,EAAE,cAAc,IAAI,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA"}

package/output/catalyst-config/index.js

@@ -0,0 +1 @@
+export { CatalystConfig as CatalystConfigProvider, useCatalystConfig } from './catalyst-config';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taicode/common-web",
-  "version": "1.1.14",
+  "version": "1.1.16",
   "author": "Alain",
   "license": "ISC",
   "description": "",

package/output/catalyst/alert.jsx

@@ -1,55 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as Headless from '@headlessui/react';
-import clsx from 'clsx';
-import { Text } from './text';
-const sizes = {
-    xs: 'sm:max-w-xs',
-    sm: 'sm:max-w-sm',
-    md: 'sm:max-w-md',
-    lg: 'sm:max-w-lg',
-    xl: 'sm:max-w-xl',
-    '2xl': 'sm:max-w-2xl',
-    '3xl': 'sm:max-w-3xl',
-    '4xl': 'sm:max-w-4xl',
-    '5xl': 'sm:max-w-5xl',
-};
-export function Alert(_a) {
-    var { size = 'md', className, children } = _a, props = __rest(_a, ["size", "className", "children"]);
-    return (<Headless.Dialog {...props}>
-      <Headless.DialogBackdrop transition className="fixed inset-0 flex w-screen justify-center overflow-y-auto bg-zinc-950/15 px-2 py-2 transition duration-100 focus:outline-0 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-zinc-950/50"/>
-
-      <div className="fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0">
-        <div className="grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4">
-          <Headless.DialogPanel transition className={clsx(className, sizes[size], 'row-start-2 w-full rounded-2xl bg-white p-8 shadow-lg ring-1 ring-zinc-950/10 sm:rounded-2xl sm:p-6 dark:bg-zinc-900 dark:ring-white/10 forced-colors:outline', 'transition duration-100 will-change-transform data-closed:opacity-0 data-enter:ease-out data-closed:data-enter:scale-95 data-leave:ease-in')}>
-            {children}
-          </Headless.DialogPanel>
-        </div>
-      </div>
-    </Headless.Dialog>);
-}
-export function AlertTitle(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.DialogTitle {...props} className={clsx(className, 'text-center text-base/6 font-semibold text-balance text-zinc-950 sm:text-left sm:text-sm/6 sm:text-wrap dark:text-white')}/>);
-}
-export function AlertDescription(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Description as={Text} {...props} className={clsx(className, 'mt-2 text-center text-pretty sm:text-left')}/>);
-}
-export function AlertBody(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return <div {...props} className={clsx(className, 'mt-4')}/>;
-}
-export function AlertActions(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<div {...props} className={clsx(className, 'mt-6 flex flex-col-reverse items-center justify-end gap-3 *:w-full sm:mt-4 sm:flex-row sm:*:w-auto')}/>);
-}

package/output/catalyst/auth-layout.jsx

@@ -1,7 +0,0 @@
-export function AuthLayout({ children }) {
-    return (<main className="flex min-h-dvh flex-col p-2">
-      <div className="flex grow items-center justify-center p-6 lg:rounded-lg lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-zinc-950/5 dark:lg:bg-zinc-900 dark:lg:ring-white/10">
-        {children}
-      </div>
-    </main>);
-}

package/output/catalyst/avatar.jsx

@@ -1,45 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as Headless from '@headlessui/react';
-import clsx from 'clsx';
-import React, { forwardRef } from 'react';
-import { TouchTarget } from './button';
-import { Link } from './link';
-export function Avatar(_a) {
-    var { src = null, square = false, initials, alt = '', className } = _a, props = __rest(_a, ["src", "square", "initials", "alt", "className"]);
-    return (<span data-slot="avatar" {...props} className={clsx(className, 
-        // Basic layout
-        'inline-grid shrink-0 align-middle [--avatar-radius:20%] *:col-start-1 *:row-start-1', 'outline -outline-offset-1 outline-black/10 dark:outline-white/10', 
-        // Border radius
-        square ? 'rounded-(--avatar-radius) *:rounded-(--avatar-radius)' : 'rounded-full *:rounded-full')}>
-      {initials && (<svg className="size-full fill-current p-[5%] text-[48px] font-medium uppercase select-none" viewBox="0 0 100 100" aria-hidden={alt ? undefined : 'true'}>
-          {alt && <title>{alt}</title>}
-          <text x="50%" y="50%" alignmentBaseline="middle" dominantBaseline="middle" textAnchor="middle" dy=".125em">
-            {initials}
-          </text>
-        </svg>)}
-      {src && <img className="size-full" src={src} alt={alt}/>}
-    </span>);
-}
-export const AvatarButton = forwardRef(function AvatarButton(_a, ref) {
-    var { src, square = false, initials, alt, className } = _a, props = __rest(_a, ["src", "square", "initials", "alt", "className"]);
-    let classes = clsx(className, square ? 'rounded-[20%]' : 'rounded-full', 'relative inline-grid focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500');
-    return 'href' in props ? (<Link {...props} className={classes} ref={ref}>
-      <TouchTarget>
-        <Avatar src={src} square={square} initials={initials} alt={alt}/>
-      </TouchTarget>
-    </Link>) : (<Headless.Button {...props} className={classes} ref={ref}>
-      <TouchTarget>
-        <Avatar src={src} square={square} initials={initials} alt={alt}/>
-      </TouchTarget>
-    </Headless.Button>);
-});

package/output/catalyst/badge.jsx

@@ -1,53 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as Headless from '@headlessui/react';
-import clsx from 'clsx';
-import React, { forwardRef } from 'react';
-import { TouchTarget } from './button';
-import { Link } from './link';
-const colors = {
-    red: 'bg-red-500/15 text-red-700 group-data-hover:bg-red-500/25 dark:bg-red-500/10 dark:text-red-400 dark:group-data-hover:bg-red-500/20',
-    orange: 'bg-orange-500/15 text-orange-700 group-data-hover:bg-orange-500/25 dark:bg-orange-500/10 dark:text-orange-400 dark:group-data-hover:bg-orange-500/20',
-    amber: 'bg-amber-400/20 text-amber-700 group-data-hover:bg-amber-400/30 dark:bg-amber-400/10 dark:text-amber-400 dark:group-data-hover:bg-amber-400/15',
-    yellow: 'bg-yellow-400/20 text-yellow-700 group-data-hover:bg-yellow-400/30 dark:bg-yellow-400/10 dark:text-yellow-300 dark:group-data-hover:bg-yellow-400/15',
-    lime: 'bg-lime-400/20 text-lime-700 group-data-hover:bg-lime-400/30 dark:bg-lime-400/10 dark:text-lime-300 dark:group-data-hover:bg-lime-400/15',
-    green: 'bg-green-500/15 text-green-700 group-data-hover:bg-green-500/25 dark:bg-green-500/10 dark:text-green-400 dark:group-data-hover:bg-green-500/20',
-    emerald: 'bg-emerald-500/15 text-emerald-700 group-data-hover:bg-emerald-500/25 dark:bg-emerald-500/10 dark:text-emerald-400 dark:group-data-hover:bg-emerald-500/20',
-    teal: 'bg-teal-500/15 text-teal-700 group-data-hover:bg-teal-500/25 dark:bg-teal-500/10 dark:text-teal-300 dark:group-data-hover:bg-teal-500/20',
-    cyan: 'bg-cyan-400/20 text-cyan-700 group-data-hover:bg-cyan-400/30 dark:bg-cyan-400/10 dark:text-cyan-300 dark:group-data-hover:bg-cyan-400/15',
-    sky: 'bg-sky-500/15 text-sky-700 group-data-hover:bg-sky-500/25 dark:bg-sky-500/10 dark:text-sky-300 dark:group-data-hover:bg-sky-500/20',
-    blue: 'bg-blue-500/15 text-blue-700 group-data-hover:bg-blue-500/25 dark:text-blue-400 dark:group-data-hover:bg-blue-500/25',
-    indigo: 'bg-indigo-500/15 text-indigo-700 group-data-hover:bg-indigo-500/25 dark:text-indigo-400 dark:group-data-hover:bg-indigo-500/20',
-    violet: 'bg-violet-500/15 text-violet-700 group-data-hover:bg-violet-500/25 dark:text-violet-400 dark:group-data-hover:bg-violet-500/20',
-    purple: 'bg-purple-500/15 text-purple-700 group-data-hover:bg-purple-500/25 dark:text-purple-400 dark:group-data-hover:bg-purple-500/20',
-    fuchsia: 'bg-fuchsia-400/15 text-fuchsia-700 group-data-hover:bg-fuchsia-400/25 dark:bg-fuchsia-400/10 dark:text-fuchsia-400 dark:group-data-hover:bg-fuchsia-400/20',
-    pink: 'bg-pink-400/15 text-pink-700 group-data-hover:bg-pink-400/25 dark:bg-pink-400/10 dark:text-pink-400 dark:group-data-hover:bg-pink-400/20',
-    rose: 'bg-rose-400/15 text-rose-700 group-data-hover:bg-rose-400/25 dark:bg-rose-400/10 dark:text-rose-400 dark:group-data-hover:bg-rose-400/20',
-    zinc: 'bg-zinc-600/10 text-zinc-700 group-data-hover:bg-zinc-600/20 dark:bg-white/5 dark:text-zinc-400 dark:group-data-hover:bg-white/10',
-};
-export function Badge(_a) {
-    var { color = 'zinc', className } = _a, props = __rest(_a, ["color", "className"]);
-    return (<span {...props} className={clsx(className, 'inline-flex items-center gap-x-1.5 rounded-md px-1.5 py-0.5 text-sm/5 font-medium sm:text-xs/5 forced-colors:outline', colors[color])}/>);
-}
-export const BadgeButton = forwardRef(function BadgeButton(_a, ref) {
-    var { color = 'zinc', className, children } = _a, props = __rest(_a, ["color", "className", "children"]);
-    let classes = clsx(className, 'group relative inline-flex rounded-md focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-blue-500');
-    return 'href' in props ? (<Link {...props} className={classes} ref={ref}>
-      <TouchTarget>
-        <Badge color={color}>{children}</Badge>
-      </TouchTarget>
-    </Link>) : (<Headless.Button {...props} className={classes} ref={ref}>
-      <TouchTarget>
-        <Badge color={color}>{children}</Badge>
-      </TouchTarget>
-    </Headless.Button>);
-});