@taicode/common-web 1.1.2 → 1.1.4

package/output/service/{service.test.jsx → service.test.js}

@@ -43,7 +43,8 @@ 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 React, { act } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { act } from 'react';
 import { Service } from '@taicode/common-base';
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, renderHook, waitFor } from '@testing-library/react';
@@ -171,9 +172,7 @@ let SimpleService = (() => {
 // 创建测试用的 Provider 组件
 function createTestProvider(services) {
     return function TestProvider({ children }) {
-        return (<ServiceProvider services={services}>
-        {children}
-      </ServiceProvider>);
+        return (_jsx(ServiceProvider, { services: services, children: children }));
     };
 }
 describe('service integration', () => {
@@ -236,9 +235,7 @@ describe('service integration', () => {
     });
     describe('ServiceProvider', () => {
         it('应该能够渲染子组件', () => {
-            const { container } = render(<ServiceProvider services={[TestService]}>
-          <div data-testid="child">Test Child</div>
-        </ServiceProvider>);
+            const { container } = render(_jsx(ServiceProvider, { services: [TestService], children: _jsx("div", { "data-testid": "child", children: "Test Child" }) }));
             expect(container.querySelector('[data-testid="child"]')).toBeTruthy();
         });
         it('应该能够嵌套使用', () => {
@@ -248,11 +245,7 @@ describe('service integration', () => {
                 count: useService(TestService, service => service.count),
                 value: useService(AnotherService, service => service.value)
             }), {
-                wrapper: ({ children }) => (<ParentProvider>
-              <ChildProvider>
-                {children}
-              </ChildProvider>
-            </ParentProvider>)
+                wrapper: ({ children }) => (_jsx(ParentProvider, { children: _jsx(ChildProvider, { children: children }) }))
             });
             expect(result.current.count).toBe(0);
             expect(result.current.value).toBe('initial');
@@ -275,9 +268,7 @@ describe('service integration', () => {
             expect(result.current).toBe('simple');
         });
         it('应该能够处理空的服务数组', () => {
-            const { container } = render(<ServiceProvider services={[]}>
-          <div data-testid="child">Test Child</div>
-        </ServiceProvider>);
+            const { container } = render(_jsx(ServiceProvider, { services: [], children: _jsx("div", { "data-testid": "child", children: "Test Child" }) }));
             expect(container.querySelector('[data-testid="child"]')).toBeTruthy();
         });
         it('应该能够处理初始化失败的服务', async () => {

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

@@ -6,5 +6,6 @@ export declare class SideCache<T> {
     get empty(): boolean;
     handle<F extends ((...args: unknown[]) => T)>(key: unknown, func: F): T;
     handle<F extends ((...args: unknown[]) => Promise<T> | T)>(key: unknown, func: F): Promise<T> | T;
+    clear(key?: unknown): void;
 }
 //# sourceMappingURL=side-cache.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"side-cache.d.ts","sourceRoot":"","sources":["../../source/side-cache/side-cache.ts"],"names":[],"mappings":"AAWA,qBAAa,SAAS,CAAC,CAAC;IAEtB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAgB;IAG1C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAoB;IAG/C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoC;IAE1D,IACW,KAAK,IAAI,CAAC,GAAG,SAAS,CAIhC;IAED,IACW,KAAK,IAAI,OAAO,CAE1B;IAED,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IACvE,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CAuClG"}
+{"version":3,"file":"side-cache.d.ts","sourceRoot":"","sources":["../../source/side-cache/side-cache.ts"],"names":[],"mappings":"AAWA,qBAAa,SAAS,CAAC,CAAC;IAEtB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAgB;IAG1C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAoB;IAG/C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoC;IAE1D,IACW,KAAK,IAAI,CAAC,GAAG,SAAS,CAIhC;IAED,IACW,KAAK,IAAI,OAAO,CAE1B;IAED,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IACvE,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAyC1F,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI;CAoBlC"}

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

@@ -49,7 +49,7 @@ function isPromiseLike(value) {
 }
 let SideCache = (() => {
     var _a, _SideCache_emptyFlag_accessor_storage, _SideCache_currentKey_accessor_storage, _SideCache_cache_accessor_storage;
-    var _b, _c;
+    var _b, _c, _d;
     let _instanceExtraInitializers = [];
     let _emptyFlag_decorators;
     let _emptyFlag_initializers = [];
@@ -63,6 +63,7 @@ let SideCache = (() => {
     let _get_value_decorators;
     let _get_empty_decorators;
     let _handle_decorators;
+    let _clear_decorators;
     return _a = class SideCache {
             get emptyFlag() { return __classPrivateFieldGet(this, _SideCache_emptyFlag_accessor_storage, "f"); }
             set emptyFlag(value) { __classPrivateFieldSet(this, _SideCache_emptyFlag_accessor_storage, value, "f"); }
@@ -106,6 +107,27 @@ let SideCache = (() => {
                 });
                 return funcReturn;
             }
+            clear(key) {
+                var _b;
+                if (key === undefined) {
+                    // 清除所有缓存
+                    this.cache = {};
+                    this.emptyFlag = true;
+                    this.currentKey = undefined;
+                }
+                else {
+                    // 清除指定 key 的缓存
+                    const keyStringify = (_b = JSON.stringify(key)) !== null && _b !== void 0 ? _b : 'undefined';
+                    const newCache = Object.assign({}, this.cache);
+                    delete newCache[keyStringify];
+                    this.cache = newCache;
+                    // 如果清除的是当前 key，需要重置状态
+                    if (this.currentKey === keyStringify) {
+                        this.emptyFlag = Object.keys(this.cache).length === 0;
+                        this.currentKey = undefined;
+                    }
+                }
+            }
             constructor() {
                 _SideCache_emptyFlag_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _emptyFlag_initializers, true)));
                 _SideCache_currentKey_accessor_storage.set(this, (__runInitializers(this, _emptyFlag_extraInitializers), __runInitializers(this, _currentKey_initializers, void 0)));
@@ -124,12 +146,14 @@ let SideCache = (() => {
             _get_value_decorators = [computed];
             _get_empty_decorators = [computed];
             _handle_decorators = [(_c = action).bound.bind(_c)];
+            _clear_decorators = [(_d = action).bound.bind(_d)];
             __esDecorate(_a, null, _emptyFlag_decorators, { kind: "accessor", name: "emptyFlag", static: false, private: false, access: { has: obj => "emptyFlag" in obj, get: obj => obj.emptyFlag, set: (obj, value) => { obj.emptyFlag = value; } }, metadata: _metadata }, _emptyFlag_initializers, _emptyFlag_extraInitializers);
             __esDecorate(_a, null, _currentKey_decorators, { kind: "accessor", name: "currentKey", static: false, private: false, access: { has: obj => "currentKey" in obj, get: obj => obj.currentKey, set: (obj, value) => { obj.currentKey = value; } }, metadata: _metadata }, _currentKey_initializers, _currentKey_extraInitializers);
             __esDecorate(_a, null, _cache_decorators, { kind: "accessor", name: "cache", static: false, private: false, access: { has: obj => "cache" in obj, get: obj => obj.cache, set: (obj, value) => { obj.cache = value; } }, metadata: _metadata }, _cache_initializers, _cache_extraInitializers);
             __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, _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, _handle_decorators, { kind: "method", name: "handle", static: false, private: false, access: { has: obj => "handle" in obj, get: obj => obj.handle }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _clear_decorators, { kind: "method", name: "clear", static: false, private: false, access: { has: obj => "clear" in obj, get: obj => obj.clear }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;

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

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { runInAction } from 'mobx';
 import { SideCache } from './side-cache';
 describe('SideCache', () => {
     let cache;
@@ -176,4 +177,95 @@ describe('SideCache', () => {
             }
         });
     });
+    describe('clear 方法', () => {
+        it('应该能够清除指定 key 的缓存', () => {
+            const mockFunc = vi.fn(() => 'test-result');
+            const key = 'test-key';
+            // 先添加缓存
+            cache.handle(key, mockFunc);
+            expect(cache.empty).toBe(false);
+            expect(cache.value).toBe('test-result');
+            // 清除指定 key 的缓存
+            cache.clear(key);
+            expect(cache.empty).toBe(true);
+            expect(cache.value).toBe(undefined);
+        });
+        it('应该能够清除当前激活的缓存', () => {
+            const mockFunc = vi.fn(() => 'active-result');
+            const key = 'active-key';
+            cache.handle(key, mockFunc);
+            expect(cache.value).toBe('active-result');
+            // 清除当前激活的 key
+            cache.clear(key);
+            expect(cache.value).toBe(undefined);
+            expect(cache.empty).toBe(true);
+        });
+        it('应该能够清除所有缓存', () => {
+            const mockFunc1 = vi.fn(() => 'result1');
+            const mockFunc2 = vi.fn(() => 'result2');
+            // 添加多个缓存
+            cache.handle('key1', mockFunc1);
+            cache.handle('key2', mockFunc2);
+            expect(cache.value).toBe('result2');
+            expect(cache.empty).toBe(false);
+            // 清除所有缓存
+            cache.clear();
+            expect(cache.value).toBe(undefined);
+            expect(cache.empty).toBe(true);
+        });
+        it('应该能够清除非当前激活的缓存而不影响当前状态', () => {
+            const mockFunc1 = vi.fn(() => 'result1');
+            const mockFunc2 = vi.fn(() => 'result2');
+            // 添加两个缓存
+            cache.handle('key1', mockFunc1);
+            cache.handle('key2', mockFunc2);
+            expect(cache.value).toBe('result2'); // 当前激活的是 key2
+            // 清除非当前激活的 key1
+            cache.clear('key1');
+            expect(cache.value).toBe('result2'); // 当前值不变
+            expect(cache.empty).toBe(false); // 仍有缓存存在
+        });
+        it('应该正确处理清除不存在的 key', () => {
+            const mockFunc = vi.fn(() => 'test-result');
+            cache.handle('existing-key', mockFunc);
+            // 清除不存在的 key 不应该影响现有缓存
+            cache.clear('non-existing-key');
+            expect(cache.value).toBe('test-result');
+            expect(cache.empty).toBe(false);
+        });
+        it('应该正确处理复杂对象作为 key', () => {
+            const complexKey = { id: 1, data: { nested: 'value' } };
+            const mockFunc = vi.fn(() => 'complex-result');
+            // 使用复杂对象作为 key
+            cache.handle(complexKey, mockFunc);
+            expect(cache.value).toBe('complex-result');
+            // 清除复杂对象 key
+            cache.clear(complexKey);
+            expect(cache.value).toBe(undefined);
+            expect(cache.empty).toBe(true);
+        });
+        it('应该正确处理 undefined 作为 key', () => {
+            const mockFunc = vi.fn(() => 'undefined-key-result');
+            // 使用 undefined 作为 key
+            cache.handle(undefined, mockFunc);
+            expect(cache.value).toBe('undefined-key-result');
+            // 清除 undefined key
+            cache.clear(undefined);
+            expect(cache.value).toBe(undefined);
+            expect(cache.empty).toBe(true);
+        });
+        it('应该在 MobX action 中正确更新状态', () => {
+            const mockFunc = vi.fn(() => 'action-result');
+            const key = 'action-key';
+            runInAction(() => {
+                cache.handle(key, mockFunc);
+            });
+            expect(cache.value).toBe('action-result');
+            runInAction(() => {
+                cache.clear(key);
+            });
+            expect(cache.value).toBe(undefined);
+            expect(cache.empty).toBe(true);
+        });
+    });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taicode/common-web",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "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/combobox.jsx

@@ -1,120 +0,0 @@
-'use client';
-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 { useState } from 'react';
-export function Combobox(_a) {
-    var { options, displayValue, filter, anchor = 'bottom', className, placeholder, autoFocus, 'aria-label': ariaLabel, children } = _a, props = __rest(_a, ["options", "displayValue", "filter", "anchor", "className", "placeholder", "autoFocus", 'aria-label', "children"]);
-    const [query, setQuery] = useState('');
-    const filteredOptions = query === ''
-        ? options
-        : options.filter((option) => { var _a; return filter ? filter(option, query) : (_a = displayValue(option)) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()); });
-    return (<Headless.Combobox {...props} multiple={false} virtual={{ options: filteredOptions }} onClose={() => setQuery('')}>
-      <span data-slot="control" className={clsx([
-            className,
-            // Basic layout
-            'relative block w-full',
-            // Background color + shadow applied to inset pseudo element, so shadow blends with border in light mode
-            'before:absolute before:inset-px before:rounded-[calc(var(--radius-lg)-1px)] before:bg-white before:shadow-sm',
-            // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
-            'dark:before:hidden',
-            // Focus ring
-            'after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:ring-transparent after:ring-inset sm:focus-within:after:ring-2 sm:focus-within:after:ring-blue-500',
-            // Disabled state
-            'has-data-disabled:opacity-50 has-data-disabled:before:bg-zinc-950/5 has-data-disabled:before:shadow-none',
-            // Invalid state
-            'has-data-invalid:before:shadow-red-500/10',
-        ])}>
-        <Headless.ComboboxInput autoFocus={autoFocus} data-slot="control" aria-label={ariaLabel} displayValue={(option) => { var _a; return (_a = displayValue(option)) !== null && _a !== void 0 ? _a : ''; }} onChange={(event) => setQuery(event.target.value)} placeholder={placeholder} className={clsx([
-            className,
-            // Basic layout
-            'relative block w-full appearance-none rounded-lg py-[calc(--spacing(2.5)-1px)] sm:py-[calc(--spacing(1.5)-1px)]',
-            // Horizontal padding
-            'pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)]',
-            // Typography
-            'text-base/6 text-zinc-950 placeholder:text-zinc-500 sm:text-sm/6 dark:text-white',
-            // Border
-            'border border-zinc-950/10 data-hover:border-zinc-950/20 dark:border-white/10 dark:data-hover:border-white/20',
-            // Background color
-            'bg-transparent dark:bg-white/5',
-            // Hide default focus styles
-            'focus:outline-hidden',
-            // Invalid state
-            'data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-500 dark:data-invalid:data-hover:border-red-500',
-            // Disabled state
-            'data-disabled:border-zinc-950/20 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15',
-            // System icons
-            'dark:scheme-dark',
-        ])}/>
-        <Headless.ComboboxButton className="group absolute inset-y-0 right-0 flex items-center px-2">
-          <svg className="size-5 stroke-zinc-500 group-data-disabled:stroke-zinc-600 group-data-hover:stroke-zinc-700 sm:size-4 dark:stroke-zinc-400 dark:group-data-hover:stroke-zinc-300 forced-colors:stroke-[CanvasText]" viewBox="0 0 16 16" aria-hidden="true" fill="none">
-            <path d="M5.75 10.75L8 13L10.25 10.75" strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round"/>
-            <path d="M10.25 5.25L8 3L5.75 5.25" strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round"/>
-          </svg>
-        </Headless.ComboboxButton>
-      </span>
-      <Headless.ComboboxOptions transition anchor={anchor} className={clsx(
-        // Anchor positioning
-        '[--anchor-gap:--spacing(2)] [--anchor-padding:--spacing(4)] sm:data-[anchor~=start]:[--anchor-offset:-4px]', 
-        // Base styles,
-        'isolate min-w-[calc(var(--input-width)+8px)] scroll-py-1 rounded-xl p-1 select-none empty:invisible', 
-        // Invisible border that is only visible in `forced-colors` mode for accessibility purposes
-        'outline outline-transparent focus:outline-hidden', 
-        // Handle scrolling when menu won't fit in viewport
-        'overflow-y-scroll overscroll-contain', 
-        // Popover background
-        'bg-white/75 backdrop-blur-xl dark:bg-zinc-800/75', 
-        // Shadows
-        'shadow-lg ring-1 ring-zinc-950/10 dark:ring-white/10 dark:ring-inset', 
-        // Transitions
-        'transition-opacity duration-100 ease-in data-closed:data-leave:opacity-0 data-transition:pointer-events-none')}>
-        {({ option }) => children(option)}
-      </Headless.ComboboxOptions>
-    </Headless.Combobox>);
-}
-export function ComboboxOption(_a) {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    let sharedClasses = clsx(
-    // Base
-    'flex min-w-0 items-center', 
-    // Icons
-    '*:data-[slot=icon]:size-5 *:data-[slot=icon]:shrink-0 sm:*:data-[slot=icon]:size-4', '*:data-[slot=icon]:text-zinc-500 group-data-focus/option:*:data-[slot=icon]:text-white dark:*:data-[slot=icon]:text-zinc-400', 'forced-colors:*:data-[slot=icon]:text-[CanvasText] forced-colors:group-data-focus/option:*:data-[slot=icon]:text-[Canvas]', 
-    // Avatars
-    '*:data-[slot=avatar]:-mx-0.5 *:data-[slot=avatar]:size-6 sm:*:data-[slot=avatar]:size-5');
-    return (<Headless.ComboboxOption {...props} className={clsx(
-        // Basic layout
-        'group/option grid w-full cursor-default grid-cols-[1fr_--spacing(5)] items-baseline gap-x-2 rounded-lg py-2.5 pr-2 pl-3.5 sm:grid-cols-[1fr_--spacing(4)] sm:py-1.5 sm:pr-2 sm:pl-3', 
-        // Typography
-        'text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]', 
-        // Focus
-        'outline-hidden data-focus:bg-blue-500 data-focus:text-white', 
-        // Forced colors mode
-        'forced-color-adjust-none forced-colors:data-focus:bg-[Highlight] forced-colors:data-focus:text-[HighlightText]', 
-        // Disabled
-        'data-disabled:opacity-50')}>
-      <span className={clsx(className, sharedClasses)}>{children}</span>
-      <svg className="relative col-start-2 hidden size-5 self-center stroke-current group-data-selected/option:inline sm:size-4" viewBox="0 0 16 16" fill="none" aria-hidden="true">
-        <path d="M4 8.5l3 3L12 4" strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round"/>
-      </svg>
-    </Headless.ComboboxOption>);
-}
-export function ComboboxLabel(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return <span {...props} className={clsx(className, 'ml-2.5 truncate first:ml-0 sm:ml-2 sm:first:ml-0')}/>;
-}
-export function ComboboxDescription(_a) {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (<span {...props} className={clsx(className, 'flex flex-1 overflow-hidden text-zinc-500 group-data-focus/option:text-white before:w-2 before:min-w-0 before:shrink dark:text-zinc-400')}>
-      <span className="flex-1 truncate">{children}</span>
-    </span>);
-}

package/output/catalyst/dialog.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 Dialog(_a) {
-    var { size = 'lg', 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/25 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] justify-items-center sm:grid-rows-[1fr_auto_3fr] sm:p-4">
-          <Headless.DialogPanel transition className={clsx(className, sizes[size], 'row-start-2 w-full min-w-0 rounded-t-3xl bg-white p-(--gutter) shadow-lg ring-1 ring-zinc-950/10 [--gutter:--spacing(8)] sm:mb-auto sm:rounded-2xl dark:bg-zinc-900 dark:ring-white/10 forced-colors:outline', 'transition duration-100 will-change-transform data-closed:translate-y-12 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:data-closed:translate-y-0 sm:data-closed:data-enter:scale-95')}>
-            {children}
-          </Headless.DialogPanel>
-        </div>
-      </div>
-    </Headless.Dialog>);
-}
-export function DialogTitle(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.DialogTitle {...props} className={clsx(className, 'text-lg/6 font-semibold text-balance text-zinc-950 sm:text-base/6 dark:text-white')}/>);
-}
-export function DialogDescription(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return <Headless.Description as={Text} {...props} className={clsx(className, 'mt-2 text-pretty')}/>;
-}
-export function DialogBody(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return <div {...props} className={clsx(className, 'mt-6')}/>;
-}
-export function DialogActions(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<div {...props} className={clsx(className, 'mt-8 flex flex-col-reverse items-center justify-end gap-3 *:w-full sm:flex-row sm:*:w-auto')}/>);
-}

package/output/catalyst/fieldset.jsx

@@ -1,41 +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';
-export function Fieldset(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Fieldset {...props} className={clsx(className, '*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6')}/>);
-}
-export function Legend(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Legend data-slot="legend" {...props} className={clsx(className, 'text-base/6 font-semibold text-zinc-950 data-disabled:opacity-50 sm:text-sm/6 dark:text-white')}/>);
-}
-export function FieldGroup(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return <div data-slot="control" {...props} className={clsx(className, 'space-y-8')}/>;
-}
-export function Field(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Field {...props} className={clsx(className, '[&>[data-slot=label]+[data-slot=control]]:mt-3', '[&>[data-slot=label]+[data-slot=description]]:mt-1', '[&>[data-slot=description]+[data-slot=control]]:mt-3', '[&>[data-slot=control]+[data-slot=description]]:mt-3', '[&>[data-slot=control]+[data-slot=error]]:mt-3', '*:data-[slot=label]:font-medium')}/>);
-}
-export function Label(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Label data-slot="label" {...props} className={clsx(className, 'text-base/6 text-zinc-950 select-none data-disabled:opacity-50 sm:text-sm/6 dark:text-white')}/>);
-}
-export function Description(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Description data-slot="description" {...props} className={clsx(className, 'text-base/6 text-zinc-500 data-disabled:opacity-50 sm:text-sm/6 dark:text-zinc-400')}/>);
-}
-export function ErrorMessage(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<Headless.Description data-slot="error" {...props} className={clsx(className, 'text-base/6 text-red-600 data-disabled:opacity-50 sm:text-sm/6 dark:text-red-500')}/>);
-}

package/output/catalyst/input.jsx

@@ -1,73 +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';
-export function InputGroup({ children }) {
-    return (<span data-slot="control" className={clsx('relative isolate block', 'has-[[data-slot=icon]:first-child]:[&_input]:pl-10 has-[[data-slot=icon]:last-child]:[&_input]:pr-10 sm:has-[[data-slot=icon]:first-child]:[&_input]:pl-8 sm:has-[[data-slot=icon]:last-child]:[&_input]:pr-8', '*:data-[slot=icon]:pointer-events-none *:data-[slot=icon]:absolute *:data-[slot=icon]:top-3 *:data-[slot=icon]:z-10 *:data-[slot=icon]:size-5 sm:*:data-[slot=icon]:top-2.5 sm:*:data-[slot=icon]:size-4', '[&>[data-slot=icon]:first-child]:left-3 sm:[&>[data-slot=icon]:first-child]:left-2.5 [&>[data-slot=icon]:last-child]:right-3 sm:[&>[data-slot=icon]:last-child]:right-2.5', '*:data-[slot=icon]:text-zinc-500 dark:*:data-[slot=icon]:text-zinc-400')}>
-      {children}
-    </span>);
-}
-const dateTypes = ['date', 'datetime-local', 'month', 'time', 'week'];
-export const Input = forwardRef(function Input(_a, ref) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (<span data-slot="control" className={clsx([
-            className,
-            // Basic layout
-            'relative block w-full',
-            // Background color + shadow applied to inset pseudo element, so shadow blends with border in light mode
-            'before:absolute before:inset-px before:rounded-[calc(var(--radius-lg)-1px)] before:bg-white before:shadow-sm',
-            // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
-            'dark:before:hidden',
-            // Focus ring
-            'after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:ring-transparent after:ring-inset sm:focus-within:after:ring-2 sm:focus-within:after:ring-blue-500',
-            // Disabled state
-            'has-data-disabled:opacity-50 has-data-disabled:before:bg-zinc-950/5 has-data-disabled:before:shadow-none',
-            // Invalid state
-            'has-data-invalid:before:shadow-red-500/10',
-        ])}>
-      <Headless.Input ref={ref} {...props} className={clsx([
-            // Date classes
-            props.type &&
-                dateTypes.includes(props.type) && [
-                '[&::-webkit-datetime-edit-fields-wrapper]:p-0',
-                '[&::-webkit-date-and-time-value]:min-h-[1.5em]',
-                '[&::-webkit-datetime-edit]:inline-flex',
-                '[&::-webkit-datetime-edit]:p-0',
-                '[&::-webkit-datetime-edit-year-field]:p-0',
-                '[&::-webkit-datetime-edit-month-field]:p-0',
-                '[&::-webkit-datetime-edit-day-field]:p-0',
-                '[&::-webkit-datetime-edit-hour-field]:p-0',
-                '[&::-webkit-datetime-edit-minute-field]:p-0',
-                '[&::-webkit-datetime-edit-second-field]:p-0',
-                '[&::-webkit-datetime-edit-millisecond-field]:p-0',
-                '[&::-webkit-datetime-edit-meridiem-field]:p-0',
-            ],
-            // Basic layout
-            'relative block w-full appearance-none rounded-lg px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)]',
-            // Typography
-            'text-base/6 text-zinc-950 placeholder:text-zinc-500 sm:text-sm/6 dark:text-white',
-            // Border
-            'border border-zinc-950/10 data-hover:border-zinc-950/20 dark:border-white/10 dark:data-hover:border-white/20',
-            // Background color
-            'bg-transparent dark:bg-white/5',
-            // Hide default focus styles
-            'focus:outline-hidden',
-            // Invalid state
-            'data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-500 dark:data-invalid:data-hover:border-red-500',
-            // Disabled state
-            'data-disabled:border-zinc-950/20 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15',
-            // System icons
-            'dark:scheme-dark',
-        ])}/>
-    </span>);
-});