@vertesia/ui 0.81.0 → 0.81.2-dev.20260204.135023Z

package/src/session/index.ts

@@ -1,5 +1,6 @@
 export * from "./auth/composable";
 export * from "./auth/useCurrentTenant";
+export * from "./auth/useAuthState";
 export * from "./auth/firebase";
 export * from "./TypeRegistry";
 export * from "./UserSession";

package/src/shell/apps/AppProjectSelector.tsx

@@ -1,5 +1,5 @@
 import { ProjectRef, RequireAtLeastOne } from "@vertesia/common";
-import { VSelectBox, useFetch } from "@vertesia/ui/core";
+import { SelectBox, useFetch } from "@vertesia/ui/core";
 import { LastSelectedAccountId_KEY, LastSelectedProjectId_KEY, useUserSession } from "@vertesia/ui/session";
 import { useState } from "react";
 
@@ -47,7 +47,7 @@ function SelectProject({ initialValue, projects, onChange, placeholder = "Select
     }
     let actualValue = !value && initialValue ? projects.find(p => p.id === initialValue) : value;
     return (
-        <VSelectBox
+        <SelectBox
             by="id"
             value={actualValue}
             options={projects}

package/src/shell/login/InviteAcceptModal.tsx

@@ -1,5 +1,5 @@
 import { TransientToken, UserInviteTokenData } from "@vertesia/common"
-import { Button, VModal, VModalBody, VModalTitle } from "@vertesia/ui/core"
+import { Button, Modal, ModalBody, ModalTitle } from "@vertesia/ui/core"
 import { useEffect, useState } from "react"
 import { useUserSession } from "@vertesia/ui/session"
 
@@ -78,16 +78,16 @@ export function InviteAcceptModal() {
 
     return (
         <div>
-            <VModal isOpen={showModal} onClose={closeModal}>
-                <VModalTitle>Review Invites</VModalTitle>
-                <VModalBody>
+            <Modal isOpen={showModal} onClose={closeModal}>
+                <ModalTitle>Review Invites</ModalTitle>
+                <ModalBody>
                     <div className="text-sm pb-4">
                         You have received the following invites to join other accounts.
                         Please review and accept or declined them.
                     </div>
                     {inviteList}
-                </VModalBody>
-            </VModal>
+                </ModalBody>
+            </Modal>
         </div>
     )
 

package/src/shell/login/SignInModal.tsx

@@ -19,7 +19,7 @@ export default function SignInModal({ isOpen, onClose }: SignInModalProps) {
                 <GitHubSignInButton />
                 <MicrosoftSignInButton />
             </ModalBody>
-            <ModalFooter justify="end">
+            <ModalFooter align="right">
                 <Button variant="ghost" onClick={onClose}>Cancel</Button>
             </ModalFooter>
         </Modal>

package/src/shell/login/SignupForm.tsx

@@ -1,5 +1,5 @@
 import { SignupData } from "@vertesia/common";
-import { Button, Input, VSelectBox, SelectStack } from "@vertesia/ui/core";
+import { Button, Input, SelectBox, SelectStack } from "@vertesia/ui/core";
 import { User } from "firebase/auth";
 import { useEffect, useState } from "react";
 import { getFirebaseAuth } from "@vertesia/ui/session";
@@ -130,7 +130,7 @@ export default function SignupForm({ onSignup, goBack }: SignupFormProps) {
             {isCompany &&
                 <>
                     <FormItem label="Company Size">
-                        <VSelectBox className="w-full border border-accent bg-muted"
+                        <SelectBox className="w-full border border-accent bg-muted"
                             value={companySize}
                             options={companySizeOptions}
                             onChange={setCompanySize}
@@ -147,7 +147,7 @@ export default function SignupForm({ onSignup, goBack }: SignupFormProps) {
                 </>
             }
             <FormItem label="Project Maturity">
-                <VSelectBox className="w-full border border-accent bg-muted"
+                <SelectBox className="w-full border border-accent bg-muted"
                     options={projectMaturityOptions}
                     value={projectMaturityOptions.find((option) => option.id === projectMaturity)}
                     optionLabel={(option) => option?.label}

package/src/shell/login/UserInfo.tsx

@@ -1,5 +1,5 @@
 import { getTenantIdFromProject } from "@vertesia/common";
-import { VTabs, VTabsBar, VTabsPanel, VTooltip } from "@vertesia/ui/core";
+import { Tabs, TabsBar, TabsPanel, VTooltip } from "@vertesia/ui/core";
 import { Env } from "@vertesia/ui/env";
 import { useUserSession } from "@vertesia/ui/session";
 // Package version is now passed as prop from the consuming application
@@ -69,10 +69,10 @@ export default function InfoList() {
 
     return (
         <div className="w-full">
-            <VTabs defaultValue="user" tabs={tabs} fullWidth updateHash={false}>
-                <VTabsBar />
-                <VTabsPanel />
-            </VTabs>
+            <Tabs defaultValue="user" tabs={tabs} fullWidth updateHash={false}>
+                <TabsBar />
+                <TabsPanel />
+            </Tabs>
         </div>
     )
 }

package/src/widgets/index.ts

@@ -1,4 +1,4 @@
-export * from "./codemirror/index.js";
+export * from "./monacoEditor/index.js";
 export * from "./form/index.js";
 export * from "./json-view/index.js";
 export * from "./markdown/index.js";

package/src/widgets/json-view/JSONCode.tsx

@@ -1,176 +1,32 @@
 
-import { ObjectKey, ObjectVisitor, ObjectWalker } from "@vertesia/json";
-import { useEffect, useState } from "react";
-
-const st_code = "bg-gray-100 dark:bg-slate-800 whitespace-pre-wrap p-4 rounded-lg font-mono";
-const st_punct = "text-pink-500 dark:text-pink-400";
-const st_symbol = "text-purple-500 dark:text-purple-400";
-const st_number = "text-green-500 dark:text-green-400";
-const st_string = "text-orange-500 dark:text-orange-400";
-const st_key = "text-blue-500 dark:text-blue-400";
-
-interface JsonCodeClassMap {
-    code: string,
-    comma: string,
-    assign: string,
-    startObject: string,
-    endObject: string,
-    startArray: string,
-    endArray: string,
-    boolean: string,
-    null: string,
-    key: string,
-    index: string,
-    string: string,
-    number: string,
-}
-
-const defaultClassMap: JsonCodeClassMap = {
-    code: st_code,
-    comma: st_punct,
-    assign: st_punct,
-    startObject: st_punct,
-    endObject: st_punct,
-    startArray: st_punct,
-    endArray: st_punct,
-    boolean: st_symbol,
-    null: st_symbol,
-    key: st_key,
-    index: st_key,
-    string: st_string,
-    number: st_number,
-}
-
-abstract class Block {
-    result: string[] = [];
-
-    constructor(public renderer: JsonRenderer, public parent: Block | undefined, public key: ObjectKey, public indent: string) {
-    }
-
-    get classMap() {
-        return this.renderer.classMap;
-    }
-
-    writeKey(key: ObjectKey) {
-        const type = typeof key;
-        if (type === 'string') {
-            if (this.result.length > 0) {
-                this.result.push(`<span class='${this.classMap.comma}'>,\n</span>`);
-            }
-            this.indent && this.result.push(this.indent);
-            this.result.push(`<span class="${this.classMap.key}">"${key}"</span><span class='${this.classMap.assign}'>: </span>`);
-        } else if (type === 'number') {
-            if (this.result.length > 0) {
-                this.result.push(`<span class='${this.classMap.comma}'>,\n</span>`);
-            }
-            this.indent && this.result.push(this.indent);
-        }
-    }
-    pushValue(key: ObjectKey, value: any) {
-        this.writeKey(key);
-        if (value === null) {
-            this.result.push(`<span class='${this.classMap.null}'>null</span>`);
-        } else if (value instanceof Block) {
-            this.result.push(value.renderStart() + value.renderValue() + value.renderEnd());
-        } else {
-            let valueClass;
-            const type = typeof value;
-            if (type === 'string') {
-                value = `"${value}"`;
-                value = value.replace(/&/g, "&amp;")
-                    .replace(/</g, "&lt;")
-                    .replace(/>/g, "&gt;");
-                valueClass = this.classMap.string;
-            } else if (type === 'number') {
-                valueClass = this.classMap.number;
-            } else if (type === 'boolean') {
-                valueClass = this.classMap.boolean;
-            }
-            this.result.push(`<span class='${valueClass}'>${value}</span>`);
+import { useTheme } from '@vertesia/ui/core';
+import { MonacoEditor } from '../monacoEditor/MonacoEditor';
+import { useMemo } from 'react';
+
+export function JSONCode({ data, className }: { data: any; className?: string }) {
+    const { theme } = useTheme();
+
+    // Convert data to formatted JSON string
+    const jsonString = useMemo(() => {
+        try {
+            return JSON.stringify(data, null, 2);
+        } catch (error) {
+            console.error('Failed to stringify JSON:', error);
+            return '{}';
         }
-    }
-    renderValue() {
-        return this.result.join('');
-    }
-    abstract renderStart(): string;
-    abstract renderEnd(): string;
-}
-
-class ObjectBlock extends Block {
-    constructor(renderer: JsonRenderer, parent: Block | undefined, key: ObjectKey, indent: string) {
-        super(renderer, parent, key, indent);
-    }
-    renderStart() {
-        return `<span class='${this.classMap.startObject}'>{\n</span>`;
-    }
-    renderEnd() {
-        const NL = this.result.length > 0 ? '\n' : '';
-        return `<span class='${this.classMap.endObject}'>${NL}${this.parent?.indent || ''}}</span>`;
-    }
-}
-
-class ArrayBlock extends Block {
-
-    constructor(renderer: JsonRenderer, parent: Block | undefined, key: ObjectKey, indent: string) {
-        super(renderer, parent, key, indent);
-    }
-    renderStart() {
-        return `<span class='${this.classMap.startArray}'>[\n</span>`;
-    }
-    renderEnd() {
-        const NL = this.result.length > 0 ? '\n' : '';
-        return `<span class='${this.classMap.endArray}'>${NL}${this.parent?.indent || ''}]</span>`;
-    }
-}
-
-class JsonRenderer implements ObjectVisitor {
-    stack: Block[] = [];
-    block: Block = new ObjectBlock(this, undefined, '', '');
-
-    constructor(public classMap: JsonCodeClassMap = defaultClassMap, public tab = '  ') {
-    }
-
-
-    onStartObject(key: ObjectKey) {
-        const nested = new ObjectBlock(this, this.block, key, this.block.indent + this.tab);
-        this.stack.push(this.block);
-        this.block = nested;
-    }
-
-    onEndObject() {
-        const currentBlock = this.block;
-        this.block = this.stack.pop()!;
-        this.block.pushValue(currentBlock.key, currentBlock);
-    }
-
-    onStartIteration(key: ObjectKey) {
-        const nested = new ArrayBlock(this, this.block, key, this.block.indent + this.tab);
-        this.stack.push(this.block);
-        this.block = nested;
-    }
-
-    onEndIteration() {
-        const currentBlock = this.block;
-        this.block = this.stack.pop()!;
-        this.block.pushValue(currentBlock.key, currentBlock);
-    }
-
-    onValue(key: ObjectKey, value: any) {
-        this.block.pushValue(key, value);
-    }
-}
-
-function renderJson(json: any, classMap?: JsonCodeClassMap, className?: string) {
-    const renderer = new JsonRenderer(classMap);
-    new ObjectWalker().walk(json, renderer);
-    const out = renderer.block.renderValue();
-    return <div className={className} dangerouslySetInnerHTML={{ __html: `<div class='${renderer.classMap.code}' style='overflow-x: scroll'>${out}</div>` }} />
-}
-
-export function JSONCode({ data, className, classMap }: { data: any; className?: string, classMap?: JsonCodeClassMap }) {
-    const [element, setElement] = useState<React.ReactElement>();
-    useEffect(() => {
-        setElement(renderJson(data, classMap, className));
     }, [data]);
-    return element;
+
+    return (
+        <div className={`h-full ${className || ''}`}>
+            <MonacoEditor
+                value={jsonString}
+                language="json"
+                theme={theme === 'dark' ? 'vs-dark' : 'vs'}
+                options={{
+                    readOnly: true,
+                    domReadOnly: true,
+                }}
+            />
+        </div>
+    );
 }

package/src/widgets/json-view/JSONDisplay.tsx

@@ -17,7 +17,7 @@ export function JSONDisplay({ value, viewCode = false }: JSONDisplayProps) {
     }
 
     return (
-        <div className='relative w-full'>
+        <div className='relative w-full h-full'>
             {viewCode ? <JSONCode data={value} /> : <JSONView value={value} />}
         </div>
     )

package/src/widgets/{codemirror → monacoEditor}/MonacoEditor.tsx

@@ -1,19 +1,19 @@
 import { Editor } from '@monaco-editor/react';
 import { useTheme } from '@vertesia/ui/core';
 import debounce from 'debounce';
+import clsx from 'clsx';
 import { RefObject, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import type * as monaco from 'monaco-editor';
 
+export type Monaco = typeof monaco;
 
-// Define our own editor API interface
-// todo: remove code-mirror dependency after migrating all editors to monaco, and then remove this export
 export interface IEditorApi {
     getValue(): string;
     setValue(value?: string): void;
 }
 
 // Define Monaco ViewUpdate interface
-interface ViewUpdate {
+export interface ViewUpdate {
     docChanged: boolean;
     state: {
         doc: {
@@ -45,7 +45,7 @@ interface MonacoEditorProps {
     theme?: string;
     options?: monaco.editor.IStandaloneEditorConstructionOptions;
     beforeMount?: (monaco: typeof import('monaco-editor')) => void;
-    onMount?: (editor: monaco.editor.IStandaloneCodeEditor) => void;
+    onMount?: (editor: monaco.editor.IStandaloneCodeEditor, monaco: typeof import('monaco-editor')) => void;
     defaultValue?: string;
 }
 
@@ -59,7 +59,7 @@ export function MonacoEditor({
     options = {},
     beforeMount,
     onMount,
-    defaultValue
+    defaultValue,
 }: MonacoEditorProps) {
     const [editorValue, setEditorValue] = useState(value);
     const editorInstanceRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);
@@ -143,10 +143,10 @@ export function MonacoEditor({
         monacoInstance.editor.setTheme('errorLineTheme');
 
         // Call custom onMount if provided
-        onMount?.(editor);
-    }, [language, onMount, theme]);
+        onMount?.(editor, monacoInstance);
+    }, [onMount, theme]);
 
-    // Update editor value when prop changes
+    // Update editor value when prop changes from outside
     useEffect(() => {
         if (value !== editorValue) {
             setEditorValue(value);
@@ -154,7 +154,7 @@ export function MonacoEditor({
                 editorInstanceRef.current.setValue(value);
             }
         }
-    }, [value]);
+    }, [value]); // Only depend on value prop, not editorValue
 
     const defaultOptions: monaco.editor.IStandaloneEditorConstructionOptions = {
         fontSize: 14,
@@ -164,9 +164,13 @@ export function MonacoEditor({
         wordWrap: 'on' as const,
         lineNumbers: 'on' as const,
         folding: false,
-        lineDecorationsWidth: 0,
+        lineDecorationsWidth: 10,
         lineNumbersMinChars: 3,
         automaticLayout: true,
+        formatOnPaste: true,
+        formatOnType: true,
+        tabSize: 2,
+        insertSpaces: true,
         glyphMargin: true, // Enable better error reporting
         renderValidationDecorations: 'on', // Show error squiggles
         renderLineHighlight: 'line', // Highlight entire line for errors
@@ -183,8 +187,9 @@ export function MonacoEditor({
     };
 
     return (
-        <div className={className}>
+        <div className={clsx(className, 'w-full h-full!')}>
             <Editor
+                className="h-full w-full"
                 height="100%"
                 theme={theme === 'dark' ? 'vs-dark' : 'light'}
                 language={language}

package/src/widgets/monacoEditor/index.ts

@@ -0,0 +1,3 @@
+
+export { MonacoEditor, VEditorApi } from "./MonacoEditor.js"
+export type { IEditorApi, IEditorApi as EditorApi, ViewUpdate, Monaco } from "./MonacoEditor.js"

package/src/widgets/schema-editor/editor/PropertyEditor.tsx

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
 
 import { AlignLeft } from 'lucide-react';
-import { Button, VModal, ModalBody, ModalFooter, VModalTitle, Styles, VSelectBox } from '@vertesia/ui/core';
+import { Button, Modal, ModalBody, ModalFooter, ModalTitle, Styles, SelectBox } from '@vertesia/ui/core';
 
 import { TypeNames } from '../type-signature.js';
 import { DataEditorProps } from './Editable.js';
@@ -101,7 +101,7 @@ function PropertyTypeEditor({ value, onChange, onCancel, onSave }: DataEditorPro
         }
     }
     return (
-        <VSelectBox 
+        <SelectBox 
             className={Styles.INPUT_UNSTYLED}
             options={TYPE_OPTIONS}
             value={value || ''}
@@ -120,10 +120,10 @@ interface EditDescriptionModalProps {
 }
 function EditDescriptionModal({ value, isOpen, onClose }: EditDescriptionModalProps) {
     return (
-        <VModal isOpen={isOpen} onClose={onClose}>
-            <VModalTitle>Edit description</VModalTitle>
+        <Modal isOpen={isOpen} onClose={onClose}>
+            <ModalTitle>Edit description</ModalTitle>
             <EditDescriptionModalForm value={value} onSave={onClose} />
-        </VModal>
+        </Modal>
     )
 }
 

package/lib/esm/core/components/Avatar.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function getRealSize(size) {
-    switch (size) {
-        case 'xs': return 'size-4';
-        case 'sm': return 'size-6';
-        case 'md': return 'size-8';
-        case 'lg': return 'size-10';
-        case 'xl': return 'size-12';
-        case '2xl': return 'size-14';
-        default: throw new Error('Unexpected size: ' + size);
-    }
-}
-export function Avatar({ size, src, name, shape = "circle", color = 'bg-gray-500', className }) {
-    const rounded = shape === 'circle' ? 'rounded-full' : 'rounded-md';
-    const sizeClass = getRealSize(size || 'md');
-    if (src) {
-        return (_jsx("img", { className: `inline-block ${sizeClass} ${rounded} ${color} ${className}`, src: src, alt: name || src, title: name }));
-    }
-    if (name) {
-        const [first, second] = name.split(' ');
-        let text = second ? `${first[0]}${second[0]}` : `${first[0]}${first[1]}`;
-        return (_jsx("span", { className: `inline-flex ${sizeClass} items-center justify-center ${rounded} ${color} ${className}`, title: name, children: _jsx("span", { className: `${(size != 'xs') ? 'text-xs' : 'text-[0.6rem]'} font-medium leading-none text-white`, children: text }) }));
-    }
-    return (_jsx("span", { className: `inline-block ${sizeClass} overflow-hidden ${rounded} ${color}`, children: _jsx("svg", { className: "h-full w-full text-gray-300", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" }) }) }));
-}
-export function SvgAvatar({ size, shape = "circle", color = 'bg-gray-500', className, children }) {
-    const rounded = shape === 'circle' ? 'rounded-full' : 'rounded-md';
-    const sizeClass = getRealSize(size || 'md');
-    return (_jsx("span", { className: `inline-block ${sizeClass} overflow-hidden ${rounded} ${color} ${className}`, children: children }));
-}
-//# sourceMappingURL=Avatar.js.map

package/lib/esm/core/components/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/core/components/Avatar.tsx"],"names":[],"mappings":";AACA,SAAS,WAAW,CAAC,IAA8C;IAC/D,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,QAAQ,CAAC;QAC3B,KAAK,IAAI,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,KAAK,IAAI,CAAC,CAAC,OAAO,SAAS,CAAC;QAC5B,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS,CAAC;QAC7B,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAe;IACvG,MAAM,OAAO,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAE5C,IAAI,GAAG,EAAE,CAAC;QACN,OAAO,CACH,cACI,SAAS,EAAE,gBAAgB,SAAS,IAAI,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,EACvE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,IAAI,GAAG,EAChB,KAAK,EAAE,IAAI,GACb,CACL,CAAA;IACL,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACzE,OAAO,CACH,eAAM,SAAS,EAAE,eAAe,SAAS,gCAAgC,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,YACjH,eAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,sCAAsC,YAAG,IAAI,GAAQ,GAClH,CACV,CAAA;IACL,CAAC;IAED,OAAO,CACH,eAAM,SAAS,EAAE,gBAAgB,SAAS,oBAAoB,OAAO,IAAI,KAAK,EAAE,YAC5E,cAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,YAChF,eAAM,CAAC,EAAC,4HAA4H,GAAG,GACrI,GACH,CACV,CAAA;AACL,CAAC;AAKD,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAkB;IAC5G,MAAM,OAAO,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAC5C,OAAO,CACH,eAAM,SAAS,EAAE,gBAAgB,SAAS,oBAAoB,OAAO,IAAI,KAAK,IAAI,SAAS,EAAE,YACxF,QAAQ,GACN,CACV,CAAA;AACL,CAAC"}

package/lib/esm/core/components/Badge.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "./libs/utils";
-// Base badge variants
-const badgeVariants = cva("inline-flex items-center rounded-md px-2 py-1 text-xs font-medium", {
-    variants: {
-        variant: {
-            default: "text-foreground bg-muted",
-            secondary: "bg-secondary text-primary",
-            destructive: "bg-destructive text-destructive",
-            attention: "bg-attention text-attention",
-            success: "bg-success text-success",
-            info: "bg-info text-info",
-            done: "bg-done text-done",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-// Base Badge component
-export function Badge({ className, variant, children, onClick, ...props }) {
-    return (_jsx("span", { className: cn(badgeVariants({ variant }), className), onClick: onClick, ...props, children: children }));
-}
-const dotBadgeVariants = cva(
-// Base styles
-"inline-flex items-center gap-x-1.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-border", {
-    variants: {
-        variant: {
-            default: "",
-            success: "",
-            destructive: "",
-            attention: "",
-            done: "",
-            info: "",
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-// Separate dot variants to allow className overrides
-const dotVariants = cva("h-1.5 w-1.5", {
-    variants: {
-        variant: {
-            default: "fill-foreground",
-            success: "fill-success",
-            destructive: "fill-destructive",
-            attention: "fill-attention",
-            done: "fill-done",
-            info: "fill-info",
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-export function DotBadge({ variant, className, dotClassName, // New prop for dot-specific classes
-children, ...props }) {
-    return (_jsxs("span", { className: cn(dotBadgeVariants({ variant }), className), ...props, children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("svg", { className: cn(dotVariants({ variant }), dotClassName), viewBox: "0 0 6 6", "aria-hidden": "true", children: _jsx("circle", { cx: 3, cy: 3, r: 3 }) }) }), _jsx("span", { className: "truncate", children: children })] }));
-}
-//# sourceMappingURL=Badge.js.map

package/lib/esm/core/components/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,sBAAsB;AACtB,MAAM,aAAa,GAAG,GAAG,CACvB,mEAAmE,EACnE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,SAAS,EAAE,2BAA2B;YACtC,WAAW,EAAE,iCAAiC;YAC9C,SAAS,EAAE,6BAA6B;YACxC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAUD,uBAAuB;AACvB,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAkB;IACvF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EACpD,OAAO,EAAE,OAAO,KACZ,KAAK,YAER,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,MAAM,gBAAgB,GAAG,GAAG;AAC1B,cAAc;AACd,2GAA2G,EAC3G;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,qDAAqD;AACrD,MAAM,WAAW,GAAG,GAAG,CAAC,aAAa,EAAE;IACrC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,kBAAkB;YAC/B,SAAS,EAAE,gBAAgB;YAC3B,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAUH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,SAAS,EACT,YAAY,EAAE,oCAAoC;AAClD,QAAQ,EACR,GAAG,KAAK,EACM;IACd,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,aAET,cAAK,SAAS,EAAC,eAAe,YAC5B,cACE,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,CAAC,EACrD,OAAO,EAAC,SAAS,iBACL,MAAM,YAElB,iBAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI,GAC1B,GACF,EACN,eAAM,SAAS,EAAC,UAAU,YACvB,QAAQ,GACJ,IACF,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/core/components/Button.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { Spinner } from "./Spinner.js";
-function getRealSize(size) {
-    switch (size) {
-        case 'xs': return 'rounded-xs px-2 py-1 text-xs gap-x-1';
-        case 'sm': return 'rounded-xs px-2 py-1 text-sm gap-x-1';
-        case 'md': return 'rounded-md px-2.5 py-1.5 text-sm gap-x-1.5';
-        case 'lg': return 'rounded-md px-3 py-2 text-sm gap-x-1.5';
-        case 'xl': return 'rounded-md px-3.5 py-2.5 text-sm gap-x-2';
-        default: throw new Error('Unexpected size: ' + size);
-    }
-}
-const Variants = {
-    primary: "shadow-2xs bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600",
-    secondary: "shadow-2xs bg-white text-gray-900 hover:bg-gray-50 ring-1 ring-inset ring-gray-300",
-    soft: "shadow-2xs bg-indigo-50 text-indigo-600 hover:bg-indigo-100",
-    ghost: "text-indigo-600 hover:bg-indigo-100 dark:text-indigo-400 dark:hover:bg-indigo-900",
-    unstyled: ""
-};
-const SpinnerVariants = {
-    primary: "text-white",
-    secondary: "text-indigo-500",
-    soft: "text-indigo-600",
-    ghost: "text-indigo-600",
-    unstyled: "text-gray-600"
-};
-export function Button({ title, className, type = 'button', children, size, onClick, variant = "primary", isLoading = false, isDisabled = false }) {
-    const sizeClass = getRealSize(size || 'md');
-    return (_jsxs("button", { title: title, disabled: isDisabled || isLoading, onClick: onClick, type: type, className: clsx("whitespace-nowrap inline-flex items-center justify-center font-semibold hover:cursor-pointer", Variants[variant], sizeClass, isDisabled && "cursor-not-allowed text-gray-300!", className), children: [isLoading && _jsx(Spinner, { className: SpinnerVariants[variant], size: size }), children] }));
-}
-//# sourceMappingURL=Button.js.map

package/lib/esm/core/components/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/core/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,SAAS,WAAW,CAAC,IAAsC;IACvD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI,CAAC,CAAC,OAAO,sCAAsC,CAAC;QACzD,KAAK,IAAI,CAAC,CAAC,OAAO,sCAAsC,CAAC;QACzD,KAAK,IAAI,CAAC,CAAC,OAAO,4CAA4C,CAAC;QAC/D,KAAK,IAAI,CAAC,CAAC,OAAO,wCAAwC,CAAC;QAC3D,KAAK,IAAI,CAAC,CAAC,OAAO,0CAA0C,CAAC;QAC7D,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACzD,CAAC;AACL,CAAC;AAED,MAAM,QAAQ,GAAG;IACb,OAAO,EAAE,uKAAuK;IAChL,SAAS,EAAE,oFAAoF;IAC/F,IAAI,EAAE,6DAA6D;IACnE,KAAK,EAAE,mFAAmF;IAC1F,QAAQ,EAAE,EAAE;CACf,CAAA;AAED,MAAM,eAAe,GAAG;IACpB,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE,eAAe;CAC5B,CAAA;AAaD,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAe;IAC1J,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAC5C,OAAO,CACH,kBACI,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,IAAI,SAAS,EACjC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EACL,IAAI,CAAC,8FAA8F,EAC/F,QAAQ,CAAC,OAAO,CAAC,EACjB,SAAS,EACT,UAAU,IAAI,mCAAmC,EACjD,SAAS,CACZ,aAEJ,SAAS,IAAI,KAAC,OAAO,IAAC,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,EACzE,QAAQ,IACJ,CACZ,CAAA;AACL,CAAC"}

package/lib/esm/core/components/Center.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-export function Center({ className, children }) {
-    return (_jsx("div", { className: clsx('flex items-center justify-center', className), children: children }));
-}
-//# sourceMappingURL=Center.js.map

package/lib/esm/core/components/Center.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/core/components/Center.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAe;IACvD,OAAO,CACH,cAAK,SAAS,EAAE,IAAI,CAAC,kCAAkC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CACxF,CAAA;AACL,CAAC"}