lumen-plus 0.0.5 → 0.0.7

package/dist/components/Table/types.d.ts

@@ -0,0 +1,180 @@
+import type { Snippet } from 'svelte';
+export type TableCellComponentProps<T = any> = Record<string, any> | ((row: T, column: TableColumn<T>, cellValue: any, index: number) => Record<string, any>);
+/** 表格列对齐方式 */
+export type TableAlign = 'left' | 'center' | 'right';
+/** 表格尺寸 */
+export type TableSize = 'large' | 'default' | 'small';
+/** 排序方向 */
+export type SortOrder = 'ascending' | 'descending' | null;
+/** 操作按钮类型 */
+export type TableActionButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** 操作按钮定义 */
+export interface TableActionButton<T = any> {
+    /** 按钮文本 */
+    label: string;
+    /** 按钮类型 */
+    type?: TableActionButtonType;
+    /** 是否禁用（可为函数动态判断） */
+    disabled?: boolean | ((row: T, index: number) => boolean);
+    /** 是否隐藏（可为函数动态判断） */
+    hidden?: boolean | ((row: T, index: number) => boolean);
+    /** 点击回调 */
+    onClick: (row: T, index: number) => void;
+}
+/** 表格列定义 */
+export interface TableColumn<T = any> {
+    /** 列标识 */
+    prop?: string;
+    /** 列标题 */
+    label?: string;
+    /** 列宽度 */
+    width?: number | string;
+    /** 最小宽度 */
+    minWidth?: number | string;
+    /** 是否固定列 */
+    fixed?: 'left' | 'right' | boolean;
+    /** 对齐方式 */
+    align?: TableAlign;
+    /** 表头对齐方式 */
+    headerAlign?: TableAlign;
+    /** 是否可排序 */
+    sortable?: boolean | 'custom';
+    /** 排序方法 */
+    sortMethod?: (a: T, b: T) => number;
+    /** 排序顺序 */
+    sortOrders?: SortOrder[];
+    /** 是否显示溢出提示 */
+    showOverflowTooltip?: boolean;
+    /** 格式化函数 */
+    formatter?: (row: T, column: TableColumn<T>, cellValue: any, index: number) => string | number;
+    /**
+     * 直接渲染一个组件作为单元格内容（例如 Tag）。
+     * 适合仅需要组件 + 文本内容的场景；复杂内容请使用 render。
+     */
+    cellComponent?: any;
+    /** cellComponent 的 props（对象或函数） */
+    cellComponentProps?: TableCellComponentProps<T>;
+    /** 列类名 */
+    className?: string;
+    /** 表头类名 */
+    labelClassName?: string;
+    /** 是否可调整列宽 */
+    resizable?: boolean;
+    /** 自定义渲染单元格 */
+    render?: Snippet<[{
+        row: T;
+        column: TableColumn<T>;
+        $index: number;
+        cellValue: any;
+    }]>;
+    /** 自定义渲染表头 */
+    renderHeader?: Snippet<[{
+        column: TableColumn<T>;
+        $index: number;
+    }]>;
+    /** 子列（用于多级表头） */
+    children?: TableColumn<T>[];
+    /** 列类型 */
+    type?: 'selection' | 'index' | 'expand' | 'actions';
+    /** 索引起始值（type=index 时有效） */
+    index?: number | ((index: number) => number);
+    /** 是否可选中（type=selection 时有效） */
+    selectable?: (row: T, index: number) => boolean;
+    /** 操作按钮列表（type=actions 时有效） */
+    actions?: TableActionButton<T>[];
+}
+/** 表格属性 */
+export interface TableProps<T = any> {
+    /** 表格数据 */
+    data?: T[];
+    /** 列定义 */
+    columns?: TableColumn<T>[];
+    /** 行唯一标识字段 */
+    rowKey?: string | ((row: T) => string | number);
+    /** 表格高度 */
+    height?: number | string;
+    /** 表格最大高度 */
+    maxHeight?: number | string;
+    /** 是否显示斑马纹 */
+    stripe?: boolean;
+    /** 是否显示边框 */
+    border?: boolean;
+    /** 表格尺寸 */
+    size?: TableSize;
+    /** 列宽是否自撑开 */
+    fit?: boolean;
+    /** 是否高亮当前行 */
+    highlightCurrentRow?: boolean;
+    /** 当前选中行 */
+    currentRowKey?: string | number;
+    /** 行类名 */
+    rowClassName?: string | ((row: T, rowIndex: number) => string);
+    /** 行样式 */
+    rowStyle?: string | Record<string, string> | ((row: T, rowIndex: number) => Record<string, string>);
+    /** 单元格类名 */
+    cellClassName?: string | ((row: T, column: TableColumn<T>, rowIndex: number, columnIndex: number) => string);
+    /** 单元格样式 */
+    cellStyle?: string | Record<string, string> | ((row: T, column: TableColumn<T>, rowIndex: number, columnIndex: number) => Record<string, string>);
+    /** 表头行类名 */
+    headerRowClassName?: string | ((column: TableColumn<T>, columnIndex: number) => string);
+    /** 表头行样式 */
+    headerRowStyle?: string | Record<string, string> | ((column: TableColumn<T>, columnIndex: number) => Record<string, string>);
+    /** 表头单元格类名 */
+    headerCellClassName?: string | ((column: TableColumn<T>, columnIndex: number) => string);
+    /** 表头单元格样式 */
+    headerCellStyle?: string | Record<string, string> | ((column: TableColumn<T>, columnIndex: number) => Record<string, string>);
+    /** 空数据提示文本 */
+    emptyText?: string;
+    /** 默认展开所有行 */
+    defaultExpandAll?: boolean;
+    /** 展开行 keys */
+    expandRowKeys?: (string | number)[];
+    /** 默认排序 */
+    defaultSort?: {
+        prop: string;
+        order: SortOrder;
+    };
+    /** Tooltip 效果 */
+    tooltipEffect?: 'dark' | 'light';
+    /** Tooltip 配置 */
+    tooltipOptions?: {
+        placement?: 'top' | 'bottom' | 'left' | 'right';
+        showArrow?: boolean;
+        effect?: 'dark' | 'light';
+    };
+    /** 是否显示表头 */
+    showHeader?: boolean;
+    /** 选中行 keys（多选模式） */
+    selectedRowKeys?: (string | number)[];
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义空数据内容 */
+    empty?: Snippet;
+    /** 其他属性 */
+    [key: string]: unknown;
+}
+/** 排序变更事件参数 */
+export interface SortChangeEvent<T = any> {
+    column: TableColumn<T>;
+    prop: string;
+    order: SortOrder;
+}
+/** 选择变更事件参数 */
+export interface SelectionChangeEvent<T = any> {
+    selection: T[];
+}
+/** 行点击事件参数 */
+export interface RowClickEvent<T = any> {
+    row: T;
+    column: TableColumn<T>;
+    event: MouseEvent;
+}
+/** 单元格点击事件参数 */
+export interface CellClickEvent<T = any> {
+    row: T;
+    column: TableColumn<T>;
+    cell: HTMLElement;
+    event: MouseEvent;
+}

package/dist/components/Tabs/TabPane.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+interface TabPaneProps {
+    name: string;
+    label?: string | Snippet | ((...args: any[]) => any);
+    disabled?: boolean;
+    closable?: boolean;
+    onclose?: () => void;
+    children?: Snippet;
+    class?: string;
+}
+declare const TabPane: import("svelte").Component<TabPaneProps, {}, "">;
+type TabPane = ReturnType<typeof TabPane>;
+export default TabPane;

package/dist/components/Tabs/Tabs.svelte

@@ -2,7 +2,7 @@
     import type { Snippet } from 'svelte'
     import { setContext } from 'svelte'
     import { TABS_CONTEXT_KEY } from './TabsContext'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronLeft, ChevronRight, X, Plus } from 'lucide'
 
     interface TabsProps {

package/dist/components/Tabs/Tabs.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+interface TabsProps {
+    modelValue?: string;
+    type?: 'line' | 'card' | 'button' | 'editable';
+    size?: 'small' | 'medium' | 'large';
+    editable?: boolean;
+    onadd?: () => void;
+    children?: Snippet;
+    class?: string;
+}
+declare const Tabs: import("svelte").Component<TabsProps, {}, "modelValue">;
+type Tabs = ReturnType<typeof Tabs>;
+export default Tabs;

package/dist/components/Tabs/TabsContext.d.ts

@@ -0,0 +1,11 @@
+export declare const TABS_CONTEXT_KEY: unique symbol;
+export interface TabsRegisterPayload {
+    name: string;
+    label?: string;
+    disabled?: boolean;
+}
+export interface TabsContext {
+    readonly active: string;
+    register: (pane: TabsRegisterPayload) => void;
+    unregister: (name: string) => void;
+}

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Tabs } from './Tabs.svelte';
+export { default as TabPane } from './TabPane.svelte';
+export type { TabsProps, TabPaneProps, TabsType, TabsSize } from './types';

package/dist/components/Tabs/types.d.ts

@@ -0,0 +1,39 @@
+import type { Snippet } from 'svelte';
+/** Tabs 类型 */
+export type TabsType = 'line' | 'card' | 'button' | 'editable';
+/** Tabs 尺寸 */
+export type TabsSize = 'small' | 'medium' | 'large';
+/** Tabs 属性 */
+export interface TabsProps {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 类型 */
+    type?: TabsType;
+    /** 尺寸 */
+    size?: TabsSize;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 添加回调 */
+    onadd?: () => void;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}
+/** TabPane 属性 */
+export interface TabPaneProps {
+    /** 唯一标识 */
+    name: string;
+    /** 标签 */
+    label?: string | Snippet | ((...args: any[]) => any);
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 关闭回调 */
+    onclose?: () => void;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/Tag/Tag.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import type { Snippet } from 'svelte'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { X } from 'lucide'
 
     interface TagProps {

package/dist/components/Tag/Tag.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+interface TagProps {
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    size?: 'small' | 'medium' | 'large';
+    round?: boolean;
+    closable?: boolean;
+    children?: Snippet;
+    onclose?: () => void;
+    class?: string;
+}
+declare const Tag: import("svelte").Component<TagProps, {}, "">;
+type Tag = ReturnType<typeof Tag>;
+export default Tag;

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,4 @@
+import Tag from './Tag.svelte';
+export { Tag };
+export type { TagProps, TagType, TagSize } from './types';
+export default Tag;

package/dist/components/Tag/types.d.ts

@@ -0,0 +1,22 @@
+import type { Snippet } from 'svelte';
+/** Tag 类型 */
+export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** Tag 尺寸 */
+export type TagSize = 'small' | 'medium' | 'large';
+/** Tag 属性 */
+export interface TagProps {
+    /** 类型 */
+    type?: TagType;
+    /** 尺寸 */
+    size?: TagSize;
+    /** 是否圆角 */
+    round?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 子内容 */
+    children?: Snippet;
+    /** 关闭回调 */
+    onclose?: () => void;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/Textarea/Textarea.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { X } from 'lucide'
 
     interface TextareaProps {

package/dist/components/Textarea/Textarea.svelte.d.ts

@@ -0,0 +1,16 @@
+interface TextareaProps {
+    value?: string;
+    rows?: number;
+    autosize?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    maxlength?: number;
+    oninput?: (value: string) => void;
+    onchange?: (value: string) => void;
+    class?: string;
+}
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,4 @@
+import Textarea from './Textarea.svelte';
+export { Textarea };
+export type { TextareaProps } from './types';
+export default Textarea;

package/dist/components/Textarea/types.d.ts

@@ -0,0 +1,25 @@
+/** Textarea 属性 */
+export interface TextareaProps {
+    /** 绑定值 */
+    value?: string;
+    /** 行数 */
+    rows?: number;
+    /** 是否自适应高度 */
+    autosize?: boolean;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 最大长度 */
+    maxlength?: number;
+    /** 输入事件 */
+    oninput?: (value: string) => void;
+    /** 变化事件 */
+    onchange?: (value: string) => void;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/TimePicker/TimePicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { createDropdownTransition } from '../../utils'
     import { onMount, tick } from 'svelte'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Clock, X, ChevronDown } from 'lucide'
 
     interface Props {

package/dist/components/TimePicker/TimePicker.svelte.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    readonly?: boolean;
+    format?: string;
+    size?: 'small' | 'default' | 'large';
+    showMenuArrow?: boolean;
+    class?: string;
+}
+declare const TimePicker: import("svelte").Component<Props, {}, "modelValue">;
+type TimePicker = ReturnType<typeof TimePicker>;
+export default TimePicker;

package/dist/components/TimePicker/index.d.ts

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker.svelte';
+export default TimePicker;
+export { TimePicker };

package/dist/components/Timeline/Timeline.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+interface TimelineProps {
+    children?: Snippet;
+    class?: string;
+}
+declare const Timeline: import("svelte").Component<TimelineProps, {}, "">;
+type Timeline = ReturnType<typeof Timeline>;
+export default Timeline;

package/dist/components/Timeline/TimelineItem.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+import type { TimelineItemType, TimelineItemSize, TimelineItemPlacement } from './types';
+interface TimelineItemProps {
+    timestamp?: string;
+    hideTimestamp?: boolean;
+    placement?: TimelineItemPlacement;
+    type?: TimelineItemType;
+    color?: string;
+    size?: TimelineItemSize;
+    hollow?: boolean;
+    icon?: Snippet;
+    dot?: Snippet;
+    children?: Snippet;
+    class?: string;
+}
+declare const TimelineItem: import("svelte").Component<TimelineItemProps, {}, "">;
+type TimelineItem = ReturnType<typeof TimelineItem>;
+export default TimelineItem;

package/dist/components/Timeline/index.d.ts

@@ -0,0 +1,5 @@
+import Timeline from './Timeline.svelte';
+import TimelineItem from './TimelineItem.svelte';
+export { Timeline, TimelineItem };
+export type { TimelineProps, TimelineItemProps, TimelineItemType, TimelineItemSize, TimelineItemPlacement } from './types';
+export default Timeline;

package/dist/components/Timeline/types.d.ts

@@ -0,0 +1,39 @@
+import type { Snippet } from 'svelte';
+/** TimelineItem 类型 */
+export type TimelineItemType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** TimelineItem 尺寸 */
+export type TimelineItemSize = 'normal' | 'large';
+/** TimelineItem 时间戳位置 */
+export type TimelineItemPlacement = 'top' | 'bottom';
+/** Timeline 属性 */
+export interface TimelineProps {
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}
+/** TimelineItem 属性 */
+export interface TimelineItemProps {
+    /** 时间戳 */
+    timestamp?: string;
+    /** 是否隐藏时间戳 */
+    hideTimestamp?: boolean;
+    /** 时间戳位置 */
+    placement?: TimelineItemPlacement;
+    /** 节点类型 */
+    type?: TimelineItemType;
+    /** 节点颜色 */
+    color?: string;
+    /** 节点尺寸 */
+    size?: TimelineItemSize;
+    /** 是否空心 */
+    hollow?: boolean;
+    /** 图标插槽 */
+    icon?: Snippet;
+    /** 自定义节点插槽 */
+    dot?: Snippet;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/Tooltip/OverflowTooltip.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { OverflowTooltipProps } from './types';
+declare const OverflowTooltip: import("svelte").Component<OverflowTooltipProps, {}, "">;
+type OverflowTooltip = ReturnType<typeof OverflowTooltip>;
+export default OverflowTooltip;

package/dist/components/Tooltip/Tooltip.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Snippet } from 'svelte';
+interface TooltipProps {
+    content?: string;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'hover' | 'click';
+    disabled?: boolean;
+    showArrow?: boolean;
+    effect?: 'dark' | 'light';
+    visible?: boolean;
+    children?: Snippet;
+    class?: string;
+    [key: string]: any;
+}
+declare const Tooltip: import("svelte").Component<TooltipProps, {}, "">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import Tooltip from './Tooltip.svelte';
+import OverflowTooltip from './OverflowTooltip.svelte';
+export { Tooltip };
+export { OverflowTooltip };
+export type { TooltipProps, TooltipPlacement, TooltipTrigger, TooltipEffect, OverflowTooltipProps } from './types';
+export default Tooltip;

package/dist/components/Tooltip/types.d.ts

@@ -0,0 +1,51 @@
+import type { Snippet } from 'svelte';
+/** Tooltip 位置 */
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+/** Tooltip 触发方式 */
+export type TooltipTrigger = 'hover' | 'click';
+/** Tooltip 效果 */
+export type TooltipEffect = 'dark' | 'light';
+/** Tooltip 属性 */
+export interface TooltipProps {
+    /** 提示内容 */
+    content?: string;
+    /** 位置 */
+    placement?: TooltipPlacement;
+    /** 触发方式 */
+    trigger?: TooltipTrigger;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示箭头 */
+    showArrow?: boolean;
+    /** 效果 */
+    effect?: TooltipEffect;
+    /** 是否可见 */
+    visible?: boolean;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+    /** 其他属性 */
+    [key: string]: unknown;
+}
+/** OverflowTooltip 属性 */
+export interface OverflowTooltipProps {
+    /** Tooltip 内容（默认取 text） */
+    content?: string;
+    /** 要展示的文本（不传 children 时使用） */
+    text?: string | number | null | undefined;
+    /** 位置 */
+    placement?: TooltipPlacement;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示箭头 */
+    showArrow?: boolean;
+    /** 效果 */
+    effect?: TooltipEffect;
+    /** 子内容（用于自定义渲染，仍会做溢出检测） */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+    /** 其他属性 */
+    [key: string]: unknown;
+}

package/dist/components/Transfer/Transfer.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
     import type { TransferItem, TransferDirection } from './types'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronLeft, ChevronRight } from 'lucide'
-    import Checkbox from '../../Checkbox/src'
+    import Checkbox from '../Checkbox'
 
     interface TransferProps {
         data?: TransferItem[]

package/dist/components/Transfer/Transfer.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { TransferItem } from './types';
+interface TransferProps {
+    data?: TransferItem[];
+    modelValue?: (string | number)[];
+    filterable?: boolean;
+    filterPlaceholder?: string;
+    titles?: [string, string];
+    buttonTexts?: [string, string];
+    disabled?: boolean;
+    class?: string;
+}
+declare const Transfer: import("svelte").Component<TransferProps, {}, "modelValue">;
+type Transfer = ReturnType<typeof Transfer>;
+export default Transfer;

package/dist/components/Transfer/index.d.ts

@@ -0,0 +1,4 @@
+import Transfer from './Transfer.svelte';
+export default Transfer;
+export { Transfer };
+export type { TransferProps, TransferItem, TransferDirection } from './types';

package/dist/components/Transfer/types.d.ts

@@ -0,0 +1,16 @@
+export interface TransferItem {
+    key: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export type TransferDirection = 'left' | 'right';
+export interface TransferProps {
+    data?: TransferItem[];
+    modelValue?: (string | number)[];
+    filterable?: boolean;
+    filterPlaceholder?: string;
+    titles?: [string, string];
+    buttonTexts?: [string, string];
+    disabled?: boolean;
+    class?: string;
+}

package/dist/components/Tree/Tree.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { TreeNode as TreeNodeType } from './types';
+interface TreeProps {
+    data?: TreeNodeType[];
+    showCheckbox?: boolean;
+    defaultExpandedKeys?: (string | number)[];
+    defaultCheckedKeys?: (string | number)[];
+    defaultExpandAll?: boolean;
+    highlightCurrent?: boolean;
+    accordion?: boolean;
+    expandOnClickNode?: boolean;
+    onnodeclick?: (node: TreeNodeType) => void;
+    oncheck?: (checkedKeys: (string | number)[], node: TreeNodeType) => void;
+    class?: string;
+}
+declare const Tree: import("svelte").Component<TreeProps, {}, "">;
+type Tree = ReturnType<typeof Tree>;
+export default Tree;

package/dist/components/Tree/TreeNode.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import type { TreeNode as TreeNodeType } from './types'
     import { slide } from 'svelte/transition'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronRight } from 'lucide'
-    import Checkbox from '../../Checkbox/src'
+    import Checkbox from '../Checkbox'
     import TreeNode from './TreeNode.svelte'
 
     interface TreeNodeProps {