@_tc/template-core 0.1.16 → 0.2.0-bate.0

package/fe/packages/common/log/index.js

@@ -1,176 +0,0 @@
-export const ANSI_RESET = '\x1b[0m';
-export const ansiColors = {
-    black: '\x1b[30m',
-    red: '\x1b[31m',
-    green: '\x1b[32m',
-    yellow: '\x1b[33m',
-    blue: '\x1b[34m',
-    magenta: '\x1b[35m',
-    pink: '\x1b[95m',
-    cyan: '\x1b[36m',
-    white: '\x1b[37m',
-    gray: '\x1b[90m',
-};
-const getConsole = () => {
-    const globalValue = globalThis;
-    return globalValue.console;
-};
-export const colorize = (message, color = 'green') => {
-    return `${ansiColors[color]}${String(message)}${ANSI_RESET}`;
-};
-export const joinColorized = (...messages) => {
-    return messages.map(String).join('');
-};
-export const logJoinColorized = (...messages) => {
-    getConsole()?.log(messages.map(String).join(''));
-};
-const inspectPrimitive = (value) => {
-    if (typeof value === 'string')
-        return `'${value}'`;
-    if (typeof value === 'bigint')
-        return `${value}n`;
-    if (typeof value === 'symbol')
-        return String(value);
-    if (typeof value === 'function')
-        return `[Function${value.name ? `: ${value.name}` : ''}]`;
-    if (value === undefined)
-        return 'undefined';
-    if (value === null)
-        return 'null';
-    return String(value);
-};
-const inspectValue = (value, context, depth = 0) => {
-    if (value === null || typeof value !== 'object')
-        return inspectPrimitive(value);
-    if (context.seen.has(value))
-        return '[Circular]';
-    if (value instanceof Date)
-        return value.toISOString();
-    if (value instanceof Error)
-        return value.stack ?? `${value.name}: ${value.message}`;
-    context.seen.add(value);
-    if (Array.isArray(value)) {
-        const items = value.map((item) => inspectValue(item, context, depth + 1));
-        context.seen.delete(value);
-        return `[${items.join(', ')}]`;
-    }
-    const entries = Object.entries(value);
-    if (entries.length === 0) {
-        context.seen.delete(value);
-        return '{}';
-    }
-    const indent = '  '.repeat(depth);
-    const nextIndent = '  '.repeat(depth + 1);
-    const body = entries
-        .map(([key, item]) => `${nextIndent}${key}: ${inspectValue(item, context, depth + 1)}`)
-        .join(',\n');
-    context.seen.delete(value);
-    return `{\n${body}\n${indent}}`;
-};
-const stringifyLogValue = (value) => {
-    return typeof value === 'string' ? value : inspectValue(value, { seen: new WeakSet() });
-};
-const formatSpecifier = (specifier, value) => {
-    if (specifier === '%%')
-        return '%';
-    if (specifier === '%s')
-        return String(value);
-    if (specifier === '%d' || specifier === '%i')
-        return Number.parseInt(String(value), 10).toString();
-    if (specifier === '%f')
-        return Number.parseFloat(String(value)).toString();
-    if (specifier === '%j') {
-        try {
-            return JSON.stringify(value);
-        }
-        catch {
-            return '[Circular]';
-        }
-    }
-    if (specifier === '%o' || specifier === '%O')
-        return stringifyLogValue(value);
-    if (specifier === '%c')
-        return '';
-    return specifier;
-};
-const formatLogData = (data) => {
-    if (data.length === 0)
-        return '';
-    const [first, ...rest] = data;
-    if (typeof first !== 'string') {
-        return data.map(stringifyLogValue).join(' ');
-    }
-    let index = 0;
-    const formatted = first.replace(/%[sdifjoOc%]/g, (specifier) => {
-        if (specifier === '%%')
-            return '%';
-        if (index >= rest.length)
-            return specifier;
-        const value = rest[index];
-        index += 1;
-        return formatSpecifier(specifier, value);
-    });
-    const remaining = rest.slice(index).map(stringifyLogValue);
-    return [formatted, ...remaining].join(' ');
-};
-const isLogColor = (value) => {
-    return typeof value === 'string' && value in ansiColors;
-};
-const isColorLogOptions = (value) => {
-    if (value === null || typeof value !== 'object')
-        return false;
-    const keys = Object.keys(value);
-    if (!keys.some((key) => key === 'color' || key === 'prefix' || key === 'suffix')) {
-        return false;
-    }
-    const options = value;
-    return options.color === undefined || isLogColor(options.color);
-};
-const withColor = (color, data, options = {}) => {
-    const prefix = options.prefix ?? '';
-    const suffix = options.suffix ?? '';
-    const message = formatLogData(data);
-    return [`${ansiColors[color]}${prefix}${message}${suffix}${ANSI_RESET}`];
-};
-const printColorMessage = (data, config) => {
-    const color = config.color ?? 'green';
-    getConsole()?.log(...withColor(color, data, config));
-};
-export function colorLog(...data) {
-    const [first, ...rest] = data;
-    const last = data.at(-1);
-    if (isLogColor(first) && data.length >= 2) {
-        printColorMessage(rest, { color: first });
-        return;
-    }
-    if (isLogColor(last) && data.length === 2) {
-        printColorMessage([first], { color: last });
-        return;
-    }
-    if (isColorLogOptions(last) && data.length >= 2) {
-        printColorMessage(data.slice(0, -1), last);
-        return;
-    }
-    printColorMessage(data, { color: 'green' });
-}
-export const logColor = (color, ...data) => {
-    printColorMessage(data, { color });
-};
-export const logColorized = (...messages) => {
-    getConsole()?.log(...messages);
-};
-export const logGreen = (...data) => {
-    logColor('green', ...data);
-};
-export const logYellow = (...data) => {
-    logColor('yellow', ...data);
-};
-export const logPink = (...data) => {
-    logColor('pink', ...data);
-};
-export const logWhite = (...data) => {
-    logColor('white', ...data);
-};
-export const logRed = (...data) => {
-    logColor('red', ...data);
-};

package/fe/packages/common/number/index.js

@@ -1,10 +0,0 @@
-export const clamp = (value, min, max) => {
-    if (min > max) {
-        throw new RangeError("min must be less than or equal to max");
-    }
-    return Math.min(Math.max(value, min), max);
-};
-export const toFiniteNumber = (value, fallback = 0) => {
-    const numberValue = typeof value === "number" ? value : Number(value);
-    return Number.isFinite(numberValue) ? numberValue : fallback;
-};

package/fe/packages/common/object/index.js

@@ -1,25 +0,0 @@
-export * from "./filterEmpty";
-export const pick = (target, keys) => {
-    const result = {};
-    for (const key of keys) {
-        if (key in target) {
-            result[key] = target[key];
-        }
-    }
-    return result;
-};
-export const omit = (target, keys) => {
-    const result = { ...target };
-    for (const key of keys) {
-        delete result[key];
-    }
-    return result;
-};
-export const mapValues = (target, mapper) => {
-    const result = {};
-    const keys = Object.keys(target);
-    for (const key of keys) {
-        result[key] = mapper(target[key], key);
-    }
-    return result;
-};

package/fe/packages/common/string/index.js

@@ -1,17 +0,0 @@
-export const isBlank = (value) => {
-    return value === null || value === undefined || value.trim().length === 0;
-};
-export const capitalize = (value) => {
-    if (value.length === 0)
-        return value;
-    const first = value.charAt(0).toUpperCase();
-    return `${first}${value.slice(1)}`;
-};
-export const kebabCase = (value) => {
-    return value
-        .trim()
-        .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
-        .replace(/[\s_]+/g, "-")
-        .replace(/-+/g, "-")
-        .toLowerCase();
-};

package/fe/packages/common/types/index.js

@@ -1 +0,0 @@
-export {};

package/fe/packages/ui/react/components/Button/Button.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { forwardRef } from 'react';
-import { LoadingIndicator } from '../Loading';
-const Button = forwardRef((props, ref) => {
-    const { className, size = 'md', state, disabled: disabledProp, loading: loadingProp, leftIcon, rightIcon, noUnderline, children, } = props;
-    const variant = props.variant ?? 'default';
-    const danger = state === 'danger';
-    const ghost = state === 'ghost';
-    const loading = loadingProp;
-    const disabled = disabledProp;
-    const isDisabled = disabled || loading;
-    // 基础样式
-    const baseStyles = 'inline-flex items-center justify-center rounded-lg font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 cursor-pointer';
-    const getVariantStyles = () => {
-        if (variant === 'text' || variant === 'link') {
-            return danger
-                ? 'bg-transparent border-0 text-destructive focus-visible:ring-destructive'
-                : 'bg-transparent border-0 text-foreground focus-visible:ring-border';
-        }
-        const ghostStyles = ghost && 'bg-transparent hover:bg-transparent';
-        if (danger) {
-            if (variant === 'primary') {
-                return cn(ghost
-                    ? 'border border-destructive text-destructive focus-visible:ring-destructive'
-                    : 'bg-destructive text-destructive-foreground border border-destructive hover:bg-destructive/90 focus-visible:ring-destructive', ghostStyles);
-            }
-            return cn(ghost ? 'text-destructive' : 'bg-background text-destructive hover:bg-destructive/10', variant === 'dashed' ? 'border border-dashed' : 'border', 'border-destructive focus-visible:ring-destructive', ghostStyles);
-        }
-        const variantStyles = {
-            default: 'bg-background border border-border text-foreground hover:bg-muted/50 focus-visible:ring-border',
-            primary: 'bg-theme text-theme-foreground border border-theme hover:bg-theme/90 focus-visible:ring-theme',
-            dashed: 'bg-background border border-dashed border-border text-foreground hover:bg-muted/50 focus-visible:ring-border',
-            text: 'bg-transparent border-0 text-foreground focus-visible:ring-border',
-        };
-        return cn(variantStyles[variant], ghostStyles);
-    };
-    const disabledStyles = 'disabled:bg-background/60 disabled:border-border/60 disabled:text-foreground/40 disabled:hover:bg-background/60 aria-disabled:text-foreground/40 aria-disabled:hover:bg-transparent';
-    // 尺寸样式
-    const sizeStyles = {
-        sm: 'h-8 px-3 text-sm',
-        md: 'h-10 px-4 text-sm',
-        lg: 'h-12 px-6 text-base',
-    };
-    const spinnerSize = {
-        sm: 'h-3 w-3',
-        md: 'h-4 w-4',
-        lg: 'h-5 w-5',
-    };
-    const loadingIcon = loading ? (_jsx("span", { className: cn('flex items-center', children && 'mr-2'), children: _jsx(LoadingIndicator, { size: "sm", className: cn('text-current', spinnerSize[size]) }) }, "loading")) : null;
-    // 展示内容
-    const contents = [
-        loadingIcon,
-        !loading && leftIcon && (_jsx("span", { className: cn('flex items-center', 'mr-2'), children: leftIcon }, "left")),
-        children,
-        rightIcon ? (_jsx("span", { className: cn('flex items-center', 'ml-2'), children: rightIcon }, "right")) : undefined,
-    ].filter(Boolean);
-    const buttonClassName = cn('tc-ui-button', baseStyles, getVariantStyles(), disabledStyles, ['text', 'link'].includes(variant) ? 'h-auto px-0 py-0 text-sm font-normal' : sizeStyles[size], ['text', 'link'].includes(variant) ? '' : 'before:content-normal', variant === 'link' && !noUnderline && 'hover:underline', variant === 'link' && !noUnderline && 'aria-disabled:hover:no-underline', disabled && !loading && 'cursor-not-allowed', loading && 'cursor-wait', className);
-    if (props.variant === 'link') {
-        const { className: _className, variant: _variant, size: _size, state: _state, disabled: _disabled, loading: _loading, leftIcon: _leftIcon, rightIcon: _rightIcon, noUnderline: _noUnderline, children: _children, onClick, tabIndex, ...anchorProps } = props;
-        return (_jsx("a", { ref: ref, className: buttonClassName, "aria-disabled": isDisabled || undefined, tabIndex: isDisabled ? -1 : tabIndex, onClick: (event) => {
-                if (isDisabled) {
-                    event.preventDefault();
-                    return;
-                }
-                onClick?.(event);
-            }, ...anchorProps, children: contents }));
-    }
-    const { className: _className, variant: _variant, size: _size, state: _state, disabled: _disabled, loading: _loading, leftIcon: _leftIcon, rightIcon: _rightIcon, noUnderline: _noUnderline, children: _children, ...buttonProps } = props;
-    return (_jsx("button", { ref: ref, className: buttonClassName, disabled: isDisabled, ...buttonProps, children: contents }));
-});
-Button.displayName = 'Button';
-export { Button };

package/fe/packages/ui/react/components/Button/SubmitButton.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { useState } from 'react';
-import { Button } from './Button';
-/**
- *
- * 会自动添加loading 其余同button一致
- */
-const SubmitButton = (props) => {
-    const { onClick, className, loading: loadingProp, ...bprops } = props;
-    const [loading, uLoading] = useState(false);
-    return (_jsx(Button, { className: cn('tc-ui-submit-button', className), loading: loading || loadingProp, onClick: async (e) => {
-            if (loading)
-                return;
-            uLoading(true);
-            try {
-                return await onClick?.(e);
-            }
-            finally {
-                uLoading(false);
-            }
-        }, ...bprops }));
-};
-const AsynchronousButton = SubmitButton;
-export { AsynchronousButton, SubmitButton };

package/fe/packages/ui/react/components/Button/index.d.ts

@@ -1,4 +0,0 @@
-export { Button } from './Button';
-export type { ButtonElementProps, ButtonLinkProps, ButtonProps, ButtonSize, ButtonState, ButtonVariant } from './Button';
-export * from './SubmitButton';
-//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/Button/index.js

@@ -1,2 +0,0 @@
-export { Button } from './Button';
-export * from './SubmitButton';

package/fe/packages/ui/react/components/Card/Card.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { forwardRef } from 'react';
-const Card = forwardRef(({ header, footer, children, className, hoverable = true }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn('tc-ui-card rounded-xl border border-border/60 bg-card text-card-foreground', 'shadow-[inset_0_1px_0_hsl(var(--foreground)/0.04)]', hoverable && [
-            'transition-[transform,box-shadow,border-color] duration-200 ease-out',
-            'hover:-translate-y-0.5 hover:border-border/80',
-            'hover:shadow-[var(--shadow-panel),inset_0_1px_0_hsl(var(--foreground)/0.06)]',
-        ], className), children: [header && (_jsx("div", { className: "tc-ui-card-header border-b border-border/50 px-4 py-3 text-sm font-medium", children: header })), _jsx("div", { className: "tc-ui-card-body px-4 py-4", children: children }), footer && (_jsx("div", { className: "tc-ui-card-footer border-t border-border/50 px-4 py-3", children: footer }))] }));
-});
-Card.displayName = 'Card';
-export { Card };

package/fe/packages/ui/react/components/Card/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Card';
-//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/Card/index.js

@@ -1 +0,0 @@
-export * from './Card';

package/fe/packages/ui/react/components/Checkbox/Checkbox.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { Check, Minus } from 'lucide-react';
-import { forwardRef, useLayoutEffect, useRef, useState } from 'react';
-const Checkbox = forwardRef(({ className, checked: _controlledChecked, value, defaultChecked, indeterminate, onChange, disabled, ...props }, ref) => {
-    const internalRef = useRef(null);
-    const controlledChecked = value ?? _controlledChecked;
-    const setRefs = (element) => {
-        internalRef.current = element;
-        if (typeof ref === 'function') {
-            ref(element);
-        }
-        else if (ref) {
-            ref.current = element;
-        }
-        if (element) {
-            element.indeterminate = indeterminate ?? false;
-        }
-    };
-    useLayoutEffect(() => {
-        if (internalRef.current) {
-            internalRef.current.indeterminate = indeterminate ?? false;
-        }
-    }, [indeterminate]);
-    const isControlled = controlledChecked !== undefined;
-    const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
-    const checked = isControlled ? controlledChecked : internalChecked;
-    const showChecked = checked && !indeterminate;
-    const handleChange = (e) => {
-        const newChecked = e.target.checked;
-        if (!isControlled) {
-            setInternalChecked(newChecked);
-        }
-        onChange?.(newChecked, e);
-    };
-    return (_jsxs("span", { className: cn('tc-ui-checkbox relative inline-flex h-4 w-4 shrink-0', className), children: [_jsx("input", { type: "checkbox", ref: setRefs, checked: checked, disabled: disabled, onChange: handleChange, className: cn('peer absolute inset-0 z-10 m-0 h-full w-full appearance-none rounded opacity-0', disabled ? 'cursor-not-allowed' : 'cursor-pointer'), ...props }), _jsxs("span", { "aria-hidden": "true", className: cn('pointer-events-none flex h-full w-full items-center justify-center rounded border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background', (showChecked || indeterminate) && 'border-theme bg-theme text-theme-foreground', !showChecked && !indeterminate && 'border-border bg-background text-theme', disabled && 'opacity-60'), children: [showChecked && _jsx(Check, { className: "h-3 w-3", strokeWidth: 3 }), indeterminate && _jsx(Minus, { className: "h-3 w-3", strokeWidth: 3 })] })] }));
-});
-Checkbox.displayName = 'Checkbox';
-export { Checkbox };

package/fe/packages/ui/react/components/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Checkbox';
-//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/Checkbox/index.js

@@ -1 +0,0 @@
-export * from './Checkbox';

package/fe/packages/ui/react/components/ConfirmDialog/ConfirmDialog.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../i18n';
-import { Button } from '../Button';
-import { Modal } from '../Modal';
-export function ConfirmDialog({ open, title, content, okText, cancelText, loading = false, onOk, onCancel, }) {
-    const t = useI18n();
-    const handleOk = async () => {
-        await onOk();
-    };
-    return (_jsx(Modal, { open: open, onClose: onCancel, title: title ?? t('components.confirmDialog.title'), width: 450, className: "tc-ui-confirm-dialog", footer: _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: onCancel, className: "min-w-[100px] bg-background border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/5", children: cancelText ?? t('components.confirmDialog.cancelText') }), _jsx(Button, { variant: "primary", loading: loading, onClick: handleOk, className: "min-w-[100px] bg-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/90 border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary-foreground))]", children: okText ?? t('components.confirmDialog.okText') })] }), children: _jsx("div", { className: "py-4 text-base text-foreground", children: content }) }));
-}

package/fe/packages/ui/react/components/ConfirmDialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ConfirmDialog';
-//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/ConfirmDialog/index.js

@@ -1 +0,0 @@
-export * from './ConfirmDialog';

package/fe/packages/ui/react/components/DataTable/ActionBtn.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { MoreHorizontal } from 'lucide-react';
-import { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { Dropdown } from '../Dropdown';
-const isInlineAction = (action) => !('render' in action);
-const renderActionLabel = (action) => (_jsxs(_Fragment, { children: [action.icon && _jsx("span", { className: "flex-shrink-0", children: action.icon }), _jsx("span", { className: "truncate", children: action.label })] }));
-const canShowInlineActions = (actions) => actions.every(isInlineAction);
-const InlineActions = ({ actions }) => (_jsx("div", { className: "tc-ui-action-btn-list inline-flex max-w-full items-center justify-center gap-1 whitespace-nowrap", children: actions.map((action) => isInlineAction(action) ? (_jsx(Button, { type: "button", onClick: action.onClick, className: cn('tc-ui-action-btn inline-flex h-8 max-w-full items-center justify-center gap-1 rounded px-2 text-sm transition-colors', action.danger
-            ? 'text-destructive hover:bg-destructive/10'
-            : 'text-table-action-text hover:bg-background/60'), children: renderActionLabel(action) }, action.key)) : null) }));
-const DropdownActions = ({ actions }) => (_jsx(Dropdown, { items: actions, placement: "bottom-end", children: _jsx(Button, { type: "button", state: "ghost", variant: "text", "aria-label": "More actions", className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-table-action-text transition-colors hover:bg-background/60 focus-visible:ring-border", children: _jsx(MoreHorizontal, { className: "h-5 w-5 opacity-70" }) }) }));
-const AutoActionBtn = ({ actions }) => {
-    const containerRef = useRef(null);
-    const measureRef = useRef(null);
-    const [canShowInline, setCanShowInline] = useState(false);
-    const updateOverflow = useCallback(() => {
-        const container = containerRef.current;
-        const measure = measureRef.current;
-        if (!container || !measure) {
-            setCanShowInline(false);
-            return;
-        }
-        const containerWidth = container.clientWidth;
-        const actionsWidth = measure.scrollWidth;
-        setCanShowInline(containerWidth > 0 && actionsWidth <= containerWidth);
-    }, []);
-    useLayoutEffect(() => {
-        if (!canShowInlineActions(actions))
-            return;
-        if (actions.length <= 1)
-            return;
-        updateOverflow();
-        let rafId = 0;
-        const scheduleUpdate = () => {
-            cancelAnimationFrame(rafId);
-            rafId = requestAnimationFrame(updateOverflow);
-        };
-        if (typeof ResizeObserver === 'undefined') {
-            window.addEventListener('resize', scheduleUpdate);
-            return () => {
-                cancelAnimationFrame(rafId);
-                window.removeEventListener('resize', scheduleUpdate);
-            };
-        }
-        const observer = new ResizeObserver(scheduleUpdate);
-        if (containerRef.current) {
-            observer.observe(containerRef.current);
-        }
-        if (measureRef.current) {
-            observer.observe(measureRef.current);
-        }
-        window.addEventListener('resize', scheduleUpdate);
-        return () => {
-            cancelAnimationFrame(rafId);
-            observer.disconnect();
-            window.removeEventListener('resize', scheduleUpdate);
-        };
-    }, [actions, updateOverflow]);
-    if (actions.length === 0) {
-        return '-';
-    }
-    if (actions.length === 1) {
-        if (!canShowInlineActions(actions)) {
-            return _jsx(DropdownActions, { actions: actions });
-        }
-        return _jsx(InlineActions, { actions: actions });
-    }
-    if (!canShowInlineActions(actions)) {
-        return _jsx(DropdownActions, { actions: actions });
-    }
-    return (_jsxs("div", { ref: containerRef, className: "relative w-full min-w-0", children: [_jsx("div", { ref: measureRef, "aria-hidden": "true", className: "pointer-events-none invisible absolute left-0 top-0 w-max max-w-none", children: _jsx(InlineActions, { actions: actions }) }), canShowInline ? _jsx(InlineActions, { actions: actions }) : _jsx(DropdownActions, { actions: actions })] }));
-};
-export const ActionBtn = ({ actions, overflow }) => {
-    if (overflow === 'dropdown') {
-        return actions.length === 0 ? '-' : _jsx(DropdownActions, { actions: actions });
-    }
-    if (overflow === 'auto') {
-        return _jsx(AutoActionBtn, { actions: actions });
-    }
-    if (actions.length === 0) {
-        return '-';
-    }
-    if (overflow === 'inline') {
-        return canShowInlineActions(actions) ? (_jsx(InlineActions, { actions: actions })) : (_jsx(DropdownActions, { actions: actions }));
-    }
-    if (actions.length === 1) {
-        const action = actions[0];
-        if (!isInlineAction(action)) {
-            return _jsx(DropdownActions, { actions: actions });
-        }
-        return (_jsx(Button, { type: "button", onClick: action.onClick, className: "tc-ui-action-btn inline-flex items-center justify-center w-8 h-8 rounded transition-colors", children: action.label }));
-    }
-    return _jsx(DropdownActions, { actions: actions });
-};