lumen-plus 0.0.3 → 0.0.4

package/dist/components/Alert/Alert.svelte

@@ -2,7 +2,7 @@
     import type { Snippet } from 'svelte'
     import type { IconNode } from 'lucide'
     import { CheckCircle, AlertTriangle, AlertCircle, Info, X } from 'lucide'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
 
     interface AlertProps {
         type?: 'info' | 'success' | 'warning' | 'danger'

package/dist/components/Autocomplete/Autocomplete.svelte

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

package/dist/components/Backtop/Backtop.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { Snippet } from 'svelte'
     import { onMount, onDestroy } from 'svelte'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ArrowUp } from 'lucide'
 
     interface BacktopProps {

package/dist/components/Breadcrumb/Breadcrumb.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import type { BreadcrumbProps } from './types'
 
     interface Props extends BreadcrumbProps {}

package/dist/components/Button/Button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { LoaderCircle } from 'lucide'
     import type { ButtonProps } from './types'
 

package/dist/components/Calendar/Calendar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide'
 
     interface Props {

package/dist/components/Carousel/Carousel.svelte

@@ -3,7 +3,7 @@
     import type { CarouselDirection, CarouselIndicatorTrigger, CarouselIndicatorPosition } from './types'
     import { setContext, onMount, onDestroy } from 'svelte'
     import { CAROUSEL_CONTEXT_KEY, type CarouselContext } from './CarouselContext'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronLeft, ChevronRight, ChevronUp, ChevronDown } from 'lucide'
 
     interface CarouselProps {

package/dist/components/Cascader/Cascader.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte'
-    import { createDropdownTransition } from '../../utils'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import { createDropdownTransition } from '../utils/index.js'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronRight, ChevronDown, X, Check } from 'lucide'
     import type { CascaderOption, CascaderProps as Props } from './types'
 

package/dist/components/Checkbox/Checkbox.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Check, Minus } from 'lucide'
     import type { Snippet } from 'svelte'
 

package/dist/components/Collapse/CollapseItem.svelte

@@ -2,7 +2,7 @@
     import type { Snippet } from 'svelte'
     import { getContext, onMount } from 'svelte'
     import { COLLAPSE_CONTEXT_KEY, type CollapseContext } from './CollapseContext'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronRight } from 'lucide'
 
     interface CollapseItemProps {

package/dist/components/ColorPicker/ColorPicker.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import type { ColorPickerSize } from './types'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronDown } from 'lucide'
     import { onMount, onDestroy } from 'svelte'
-    import { createDropdownTransition } from '../../utils'
+    import { createDropdownTransition } from '../utils/index.js'
 
     interface ColorPickerProps {
         modelValue?: string

package/dist/components/DatePicker/DatePicker.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
     import type { DatePickerType, DatePickerSize } from './types'
     import { onMount, onDestroy } from 'svelte'
-    import { createCenteredDropdownTransition } from '../../utils'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import { createCenteredDropdownTransition } from '../utils/index.js'
+    import Icon from '../Icon/Icon.svelte'
     import { Calendar, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, X } from 'lucide'
 
     interface DatePickerProps {

package/dist/components/DateTimePicker/DateTimePicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-    import { createDropdownTransition } from '../../utils'
+    import { createDropdownTransition } from '../utils/index.js'
     import { onDestroy, onMount } from 'svelte'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Calendar, ChevronLeft, ChevronRight, X, ChevronDown, ChevronsLeft, ChevronsRight } from 'lucide'
 
     import type { DateTimePickerProps } from './types'

package/dist/components/Dialog/Dialog.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 DialogProps {

package/dist/components/Drawer/Drawer.svelte

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

package/dist/components/Dropdown/Dropdown.svelte

@@ -4,7 +4,7 @@
     import { onDestroy } from 'svelte'
     import { scale } from 'svelte/transition'
     import { ChevronDown } from 'lucide'
-    import Icon from '../../Icon/src'
+    import Icon from '../Icon/index.js'
 
     type DropdownExclusiveOpenDetail = {
         group: string

package/dist/components/Image/Image.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { Snippet } from 'svelte'
     import type { ImageFit } from './types'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { X, ChevronLeft, ChevronRight } from 'lucide'
 
     interface ImageProps {

package/dist/components/Input/Input.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Eye, EyeOff, XCircle } from 'lucide'
     import type { InputProps } from './types'
 

package/dist/components/InputNumber/InputNumber.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import type { InputNumberSize } from './types'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Minus, Plus, ChevronUp, ChevronDown } from 'lucide'
 
     interface InputNumberProps {

package/dist/components/InputTag/InputTag.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Tag from '../../Tag/src'
+    import Tag from '../Tag/index.js'
 
     import type { InputTagProps } from './types'
 

package/dist/components/Loading/Loading.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 { Loader2 } from 'lucide'
 
     interface LoadingProps {

package/dist/components/Menu/Menu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronRight, ChevronDown } from 'lucide'
     import { onMount, onDestroy } from 'svelte'
     import { slide, fade, scale } from 'svelte/transition'

package/dist/components/Message/MessageBox.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { CheckCircle, AlertTriangle, XCircle, Info, X } from 'lucide'
     import type { IconNode } from 'lucide'
     import type { MessageItem, MessageType, CloseMessageFn } from './types'

package/dist/components/MessageBox/MessageBox.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import Dialog from '../../Dialog/src'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Dialog from '../Dialog/index.js'
+    import Icon from '../Icon/Icon.svelte'
     import { CheckCircle, AlertTriangle, XCircle, Info, X } from 'lucide'
     import type { IconNode } from 'lucide'
     import type { MessageBoxOptions, MessageBoxType } from './types'

package/dist/components/Notification/Notification.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { CheckCircle, AlertTriangle, XCircle, Info, X } from 'lucide'
     import type { IconNode } from 'lucide'
     import type { NotificationItem, NotificationOptions, NotificationType, NotificationPlacement } from './types'

package/dist/components/Pagination/Pagination.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import type { PaginationLayout } from './types'
-    import Icon from '../../Icon/src/Icon.svelte'
-    import Button from '../../Button/src/Button.svelte'
-    import Select from '../../Select/src/Select.svelte'
-    import Input from '../../Input/src/Input.svelte'
+    import Icon from '../Icon/Icon.svelte'
+    import Button from '../Button/Button.svelte'
+    import Select from '../Select/Select.svelte'
+    import Input from '../Input/Input.svelte'
     import { ChevronLeft, ChevronRight } from 'lucide'
 
     interface PaginationProps {

package/dist/components/Popconfirm/Popconfirm.svelte

@@ -4,8 +4,8 @@
 
 <script lang="ts">
     import type { Snippet } from 'svelte'
-    import Icon from '../../Icon/src/Icon.svelte'
-    import Button from '../../Button/src'
+    import Icon from '../Icon/Icon.svelte'
+    import Button from '../Button/index.js'
     import { CircleHelp, CircleAlert, Info, CircleCheck } from 'lucide'
 
     interface PopconfirmProps {

package/dist/components/Result/Result.svelte

@@ -2,7 +2,7 @@
     import type { Snippet } from 'svelte'
     import type { ResultStatus } from './types'
     import type { IconNode } from 'lucide'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { CheckCircle, AlertTriangle, XCircle, Info } from 'lucide'
 
     interface ResultProps {

package/dist/components/Select/Select.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
     import type { SelectOption, SelectProps } from './types'
     import { onMount, onDestroy, tick } from 'svelte'
-    import { createDropdownTransition } from '../../utils'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import { createDropdownTransition } from '../utils/index.js'
+    import Icon from '../Icon/Icon.svelte'
     import { ChevronDown, X } from 'lucide'
 
     let {

package/dist/components/Slider/Slider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Tooltip } from '../../Tooltip/src'
+    import { Tooltip } from '../Tooltip/index.js'
     import type { Snippet } from 'svelte'
 
     interface SliderProps {

package/dist/components/Steps/Step.svelte

@@ -3,7 +3,7 @@
     import type { StepStatus } from './types'
     import { getContext } from 'svelte'
     import { STEPS_CONTEXT_KEY, type StepsContext } from './StepsContext'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Check, X } from 'lucide'
 
     interface StepProps {

package/dist/components/Switch/Switch.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Loader } from 'lucide'
     import type { IconNode } from 'lucide'
     import type { Snippet } from 'svelte'

package/dist/components/Table/Table.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
     import type { Snippet } from 'svelte'
     import type { TableProps, TableColumn, SortOrder, SortChangeEvent, RowClickEvent, CellClickEvent, SelectionChangeEvent, TableActionButton } from './types'
-    import Checkbox from '../../Checkbox/src'
-    import Loading from '../../Loading/src'
-    import Icon from '../../Icon/src'
-    import Button from '../../Button/src'
-    import Space from '../../Space/src'
+    import Checkbox from '../Checkbox/index.js'
+    import Loading from '../Loading/index.js'
+    import Icon from '../Icon/index.js'
+    import Button from '../Button/index.js'
+    import Space from '../Space/index.js'
     import { ChevronDown, ChevronUp } from 'lucide'
 
     // Props

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/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/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/TimePicker/TimePicker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-    import { createDropdownTransition } from '../../utils'
+    import { createDropdownTransition } from '../utils/index.js'
     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/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/index.js'
 
     interface TransferProps {
         data?: TransferItem[]

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/index.js'
     import TreeNode from './TreeNode.svelte'
 
     interface TreeNodeProps {

package/dist/components/TreeSelect/TreeSelect.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
     import { onMount, onDestroy, tick } from 'svelte'
     import { slide } from 'svelte/transition'
-    import { createDropdownTransition } from '../../utils'
-    import Icon from '../../Icon/src/Icon.svelte'
-    import Checkbox from '../../Checkbox/src'
-    import Tag from '../../Tag/src'
+    import { createDropdownTransition } from '../utils/index.js'
+    import Icon from '../Icon/Icon.svelte'
+    import Checkbox from '../Checkbox/index.js'
+    import Tag from '../Tag/index.js'
     import { ChevronDown, ChevronRight, X, Check, Loader2 } from 'lucide'
     import type { TreeSelectNode, TreeSelectProps } from './types'
 

package/dist/components/Upload/Upload.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { Snippet } from 'svelte'
     import type { UploadFile } from './types'
-    import Icon from '../../Icon/src/Icon.svelte'
+    import Icon from '../Icon/Icon.svelte'
     import { Upload as UploadIcon, X, File, Check, AlertCircle, Plus, Eye, Image as ImageIcon } from 'lucide'
 
     interface UploadProps {

package/dist/index.js

@@ -141,3 +141,5 @@ export { default as TreeSelect } from './components/TreeSelect/TreeSelect.svelte
 export { default as Upload } from './components/Upload/Upload.svelte';
 // Watermark
 export { default as Watermark } from './components/Watermark/Watermark.svelte';
+// Utils
+export * from './utils';

package/dist/theme-chalk/_index.scss

@@ -0,0 +1,69 @@
+@forward './variables';
+@forward './mixins/bem';
+@forward './mixins/function';
+@use "./reset";
+
+@use './alert';
+@use './button';
+@use './icon';
+@use './input';
+@use './input-tag';
+@use './dialog';
+@use './checkbox';
+@use './radio';
+@use './switch';
+@use './form';
+@use './message';
+@use './notification';
+@use './breadcrumb';
+@use './avatar';
+@use './badge';
+@use './tag';
+@use './divider';
+@use './link';
+@use './empty';
+@use './tabs';
+@use './textarea';
+@use './slider';
+@use './rating';
+@use './pin-input';
+@use './tooltip';
+@use './popconfirm';
+@use './popover';
+@use './menu';
+@use './container';
+@use './messagebox';
+@use './progress';
+@use './card';
+@use './skeleton';
+@use './drawer';
+@use './collapse';
+@use './dropdown';
+@use './pagination';
+@use './backtop';
+@use './image';
+@use './space';
+@use './loading';
+@use './result';
+@use './timeline';
+@use './steps';
+@use './descriptions';
+@use './affix';
+@use './select';
+@use './input-number';
+@use './carousel';
+@use './statistic';
+@use './segmented';
+@use './watermark';
+@use './table';
+@use './tree';
+@use './color-picker';
+@use './date-picker';
+@use './date-time-picker';
+@use './upload';
+@use './transfer';
+@use './cascader';
+@use './time-picker';
+@use './autocomplete';
+@use './calendar';
+@use './tree-select';

package/dist/theme-chalk/_reset.scss

@@ -0,0 +1,16 @@
+@use "./variables" as *;
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: $font-family;
+  font-size: $font-size-base;
+  color: $color-text-primary;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/dist/theme-chalk/_variables.scss

@@ -0,0 +1,91 @@
+// Colors
+$color-primary: #0062FF !default;
+$color-primary-light: #5291FF !default;
+$color-success: #31C27C !default;
+$color-warning: #FF974A !default;
+$color-danger: #FC5A5A !default;
+$color-info: #92929D !default;
+
+// Text colors
+$color-text: #303133 !default;
+$color-text-primary: #303133 !default;
+$color-text-regular: #606266 !default;
+$color-text-secondary: #909399 !default;
+$color-text-placeholder: #a8abb2 !default;
+$color-text-disabled: #c0c4cc !default;
+
+// Border colors
+$border-color-base: #dcdfe6 !default;
+$border-color-light: #e4e7ed !default;
+$border-color-lighter: #ebeef5 !default;
+$border-color-extra-light: #f2f6fc !default;
+
+// Background colors
+$bg-color: #ffffff !default;
+$bg-color-page: #f2f3f5 !default;
+$bg-color-overlay: #ffffff !default;
+
+// Fill colors (for hover/active states)
+$fill-color-light: #f5f7fa !default;
+$fill-color-lighter: #fafafa !default;
+$fill-color-extra-light: #fafcff !default;
+
+// Dark theme colors
+$bg-color-dark: #0a0a0a !default;
+$bg-color-dark-light: #141414 !default;
+$bg-color-dark-lighter: #2b2b2c !default;
+$bg-color-dark-overlay: #303030 !default;
+$color-text-dark: #e5eaf3 !default;
+$color-text-dark-secondary: #a3a6ad !default;
+$color-text-dark-placeholder: #6b6f76 !default;
+$border-color-dark: #3a3a3c !default;
+$border-color-dark-light: #4a4a4c !default;
+
+// Border
+$border-width: 1px !default;
+$border-style: solid !default;
+$border-radius-base: 6px !default;
+$border-radius-small: 2px !default;
+$border-radius-medium: 8px !default;
+$border-radius-large: 12px !default;
+$border-radius-round: 9999px !default;
+$border-radius-circle: 50% !default;
+
+// Spacing
+$spacing-base: 16px !default;
+$spacing-small: 12px !default;
+$spacing-mini: 8px !default;
+$spacing-large: 20px !default;
+
+// Font
+$font-size-extra-large: 20px !default;
+$font-size-large: 18px !default;
+$font-size-medium: 16px !default;
+$font-size-base: 14px !default;
+$font-size-small: 13px !default;
+$font-size-extra-small: 12px !default;
+
+$font-weight-primary: 500 !default;
+$font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+  'Microsoft YaHei', '微软雅黑', Arial, sans-serif !default;
+
+// Z-index
+$z-index-normal: 1 !default;
+$z-index-top: 1000 !default;
+$z-index-popper: 2000 !default;
+
+// Transition
+$transition-duration: 0.3s !default;
+$transition-duration-fast: 0.2s !default;
+$transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1) !default;
+$transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1) !default;
+
+// Animation
+$animation-duration: 0.3s !default;
+$animation-duration-slow: 0.4s !default;
+$animation-duration-fast: 0.2s !default;
+
+// Box shadow
+$box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04) !default;
+$box-shadow-dark: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72) !default;
+$box-shadow-light: 0 2px 12px rgba(0, 0, 0, 0.08) !default;

package/dist/theme-chalk/affix.scss

@@ -0,0 +1,8 @@
+@use './variables' as *;
+@use './mixins/bem' as *;
+
+@include b('affix') {
+    @include when('fixed') {
+        position: fixed;
+    }
+}