luna-plus 0.0.40 → 0.0.42

package/dist/Pagination/Pagination.svelte

@@ -186,7 +186,7 @@
 
   const isSmall = $derived(size === "small");
   const classes = $derived(
-    `lm-pagination${isSmall ? " lm-pagination--small" : ""}${background ? " is-background" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-pagination${isSmall ? " ln-pagination--small" : ""}${background ? " is-background" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 
@@ -196,7 +196,7 @@
       {@const prevDisabled = disabled || clampPage(current) <= 1}
       <!-- svelte-ignore a11y_missing_attribute -->
       <a
-        class="lm-pagination__btn lm-pagination__btn--prev"
+        class="ln-pagination__btn ln-pagination__btn--prev"
         role="button"
         aria-disabled={prevDisabled}
         tabindex={prevDisabled ? -1 : 0}
@@ -217,23 +217,23 @@
         {/if}
       </a>
 
-      <span class="lm-pagination__simple">
+      <span class="ln-pagination__simple">
         <Input
-          class="lm-pagination__simple-editor"
+          class="ln-pagination__simple-editor"
           value={String(current)}
           size={isSmall ? "small" : "medium"}
           {disabled}
           oninput={(e) => (simpleValue = (e.target as HTMLInputElement).value)}
           onkeydown={(e) => e.key === "Enter" && handleSimpleCommit()}
         />
-        <span class="lm-pagination__simple-sep">/</span>
-        <span class="lm-pagination__simple-total">{totalPages}</span>
+        <span class="ln-pagination__simple-sep">/</span>
+        <span class="ln-pagination__simple-total">{totalPages}</span>
       </span>
 
       {@const nextDisabled = disabled || clampPage(current) >= totalPages}
       <!-- svelte-ignore a11y_missing_attribute -->
       <a
-        class="lm-pagination__btn lm-pagination__btn--next"
+        class="ln-pagination__btn ln-pagination__btn--next"
         role="button"
         aria-disabled={nextDisabled}
         tabindex={nextDisabled ? -1 : 0}
@@ -256,12 +256,12 @@
     {:else}
       {#each resolvedLayout as item (item)}
         {#if item === "total" && showTotal}
-          <span class="lm-pagination__total"
+          <span class="ln-pagination__total"
             >{formatTotal(showTotal as boolean | PaginationShowTotal)}</span
           >
         {:else if item === "sizes" && showSizeChanger}
           <Select
-            class="lm-pagination__sizes"
+            class="ln-pagination__sizes"
             modelValue={pageSize}
             options={sizeOptions}
             size={isSmall ? "small" : "default"}
@@ -272,7 +272,7 @@
           {@const prevDisabled = disabled || clampPage(current) <= 1}
           <!-- svelte-ignore a11y_missing_attribute -->
           <a
-            class="lm-pagination__btn lm-pagination__btn--prev"
+            class="ln-pagination__btn ln-pagination__btn--prev"
             role="button"
             aria-disabled={prevDisabled}
             tabindex={prevDisabled ? -1 : 0}
@@ -297,13 +297,13 @@
             {/if}
           </a>
         {:else if item === "pager"}
-          <ul class="lm-pagination__pager" aria-label="Pager">
+          <ul class="ln-pagination__pager" aria-label="Pager">
             {#each pagerItems as it (it.type === "page" ? `p:${it.page}` : it.type)}
               {#if it.type === "page"}
                 <li>
                   <!-- svelte-ignore a11y_missing_attribute -->
                   <a
-                    class="lm-pagination__item{it.page === clampPage(current)
+                    class="ln-pagination__item{it.page === clampPage(current)
                       ? ' is-active'
                       : ''}"
                     role="button"
@@ -325,7 +325,7 @@
                 <li>
                   <!-- svelte-ignore a11y_missing_attribute -->
                   <a
-                    class="lm-pagination__item lm-pagination__item--jump"
+                    class="ln-pagination__item ln-pagination__item--jump"
                     role="button"
                     aria-disabled={disabled}
                     tabindex={disabled ? -1 : 0}
@@ -338,7 +338,7 @@
                     {#if hoverJumpPrev}
                       <Icon icon={ChevronsLeft} size={16} />
                     {:else}
-                      <span class="lm-pagination__ellipsis">•••</span>
+                      <span class="ln-pagination__ellipsis">•••</span>
                     {/if}
                   </a>
                 </li>
@@ -346,7 +346,7 @@
                 <li>
                   <!-- svelte-ignore a11y_missing_attribute -->
                   <a
-                    class="lm-pagination__item lm-pagination__item--jump"
+                    class="ln-pagination__item ln-pagination__item--jump"
                     role="button"
                     aria-disabled={disabled}
                     tabindex={disabled ? -1 : 0}
@@ -359,7 +359,7 @@
                     {#if hoverJumpNext}
                       <Icon icon={ChevronsRight} size={16} />
                     {:else}
-                      <span class="lm-pagination__ellipsis">•••</span>
+                      <span class="ln-pagination__ellipsis">•••</span>
                     {/if}
                   </a>
                 </li>
@@ -370,7 +370,7 @@
           {@const nextDisabled = disabled || clampPage(current) >= totalPages}
           <!-- svelte-ignore a11y_missing_attribute -->
           <a
-            class="lm-pagination__btn lm-pagination__btn--next"
+            class="ln-pagination__btn ln-pagination__btn--next"
             role="button"
             aria-disabled={nextDisabled}
             tabindex={nextDisabled ? -1 : 0}
@@ -395,10 +395,10 @@
             {/if}
           </a>
         {:else if item === "jumper" && showQuickJumper}
-          <span class="lm-pagination__jump">
+          <span class="ln-pagination__jump">
             跳至
             <Input
-              class="lm-pagination__editor"
+              class="ln-pagination__editor"
               bind:value={jumperValue}
               size={isSmall ? "small" : "medium"}
               {disabled}

package/dist/PinInput/PinInput.svelte

@@ -52,7 +52,7 @@
     const isPassword = $derived(mask || type === 'password')
 
     const rootClasses = $derived(
-        `lm-pin-input lm-pin-input--${size}${disabled ? ' is-disabled' : ''}${isPassword ? ' is-password' : ''}${isComplete ? ' is-complete' : ''}${className ? ` ${className}` : ''}`
+        `ln-pin-input ln-pin-input--${size}${disabled ? ' is-disabled' : ''}${isPassword ? ' is-password' : ''}${isComplete ? ' is-complete' : ''}${className ? ` ${className}` : ''}`
     )
 
     /** 更新值 */
@@ -157,7 +157,7 @@
             bind:this={inputRefs[index]}
             type={isPassword ? 'password' : type === 'number' ? 'text' : type}
             inputmode={type === 'number' ? 'numeric' : 'text'}
-            class="lm-pin-input__input"
+            class="ln-pin-input__input"
             class:is-focused={isFocused}
             value={currentValue}
             {placeholder}

package/dist/Popconfirm/Popconfirm.svelte

@@ -222,16 +222,16 @@
   );
 
   const classes = $derived(
-    `lm-popconfirm${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-popconfirm${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
-  const popperClasses = $derived(`lm-popconfirm__popper is-${actualPlacement}`);
+  const popperClasses = $derived(`ln-popconfirm__popper is-${actualPlacement}`);
 </script>
 
 <div {...attrs} class={classes}>
   <div
     bind:this={referenceElement}
-    class="lm-popconfirm__reference"
+    class="ln-popconfirm__reference"
     role="button"
     tabindex="0"
     onclick={handleTriggerClick}
@@ -262,11 +262,11 @@
       transition:scale={{ duration: 150, start: 0.9 }}
     >
       {#if showArrow}
-        <div class="lm-popconfirm__arrow"></div>
+        <div class="ln-popconfirm__arrow"></div>
       {/if}
-      <div class="lm-popconfirm__main">
+      <div class="ln-popconfirm__main">
         {#if !hideIcon}
-          <span class="lm-popconfirm__icon" style="color: {iconColor};">
+          <span class="ln-popconfirm__icon" style="color: {iconColor};">
             {#if icon}
               {@render icon()}
             {:else}
@@ -274,9 +274,9 @@
             {/if}
           </span>
         {/if}
-        <span class="lm-popconfirm__title">{title}</span>
+        <span class="ln-popconfirm__title">{title}</span>
       </div>
-      <div class="lm-popconfirm__action">
+      <div class="ln-popconfirm__action">
         {#if actions}
           {@render actions({ confirm: handleConfirm, cancel: handleCancel })}
         {:else}

package/dist/Popover/Popover.svelte

@@ -188,10 +188,10 @@
   });
 
   const classes = $derived(
-    `lm-popover${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-popover${isVisible ? " is-visible" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
-  const popperClasses = $derived(`lm-popover__popper is-${actualPlacement}`);
+  const popperClasses = $derived(`ln-popover__popper is-${actualPlacement}`);
 
   const widthValue = $derived(
     typeof width === "number" ? `${Math.max(0, width)}px` : width,
@@ -201,7 +201,7 @@
 <div {...attrs} class={classes}>
   <div
     bind:this={referenceElement}
-    class="lm-popover__reference"
+    class="ln-popover__reference"
     role="button"
     tabindex="0"
     onclick={handleTriggerClick}
@@ -233,9 +233,9 @@
       transition:scale={{ duration: 150, start: 0.9 }}
     >
       {#if showArrow}
-        <div class="lm-popover__arrow"></div>
+        <div class="ln-popover__arrow"></div>
       {/if}
-      <div class="lm-popover__content">
+      <div class="ln-popover__content">
         {#if content}
           {@render content()}
         {/if}

package/dist/Progress/Progress.svelte

@@ -12,7 +12,7 @@
 
     const pct = $derived(Math.max(0, Math.min(100, Math.round(percentage))))
 
-    const classes = $derived(cls ? `lm-progress ${cls}` : 'lm-progress')
+    const classes = $derived(cls ? `ln-progress ${cls}` : 'ln-progress')
 
     const innerStyle = $derived.by(() => {
         const styles = [`width: ${pct}%`, `height: ${strokeWidth}px`]
@@ -24,10 +24,10 @@
 </script>
 
 <div {...attrs} class={classes}>
-    <div class="lm-progress__track" style={trackStyle}>
-        <div class={'lm-progress__bar lm-progress__bar--' + status} style={innerStyle}></div>
+    <div class="ln-progress__track" style={trackStyle}>
+        <div class={'ln-progress__bar ln-progress__bar--' + status} style={innerStyle}></div>
     </div>
     {#if showText}
-        <span class="lm-progress__text">{pct}%</span>
+        <span class="ln-progress__text">{pct}%</span>
     {/if}
 </div>

package/dist/Radio/Radio.svelte

@@ -27,7 +27,7 @@
   }: RadioProps = $props();
 
   const classes = $derived(
-    `lm-radio lm-radio--${size}${checked ? " is-checked" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-radio ln-radio--${size}${checked ? " is-checked" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
   const handleInputChange = (e: Event): void => {
@@ -40,22 +40,22 @@
 </script>
 
 <label class={classes}>
-  <span class="lm-radio__input">
+  <span class="ln-radio__input">
     <input
       {...attrs}
       type="radio"
-      class="lm-radio__original"
+      class="ln-radio__original"
       {value}
       {name}
       {disabled}
       {checked}
       onchange={handleInputChange}
     />
-    <span class="lm-radio__inner"></span>
+    <span class="ln-radio__inner"></span>
   </span>
 
   {#if children || label}
-    <span class="lm-radio__label">
+    <span class="ln-radio__label">
       {#if children}
         {@render children()}
       {:else if label}

package/dist/Radio/RadioGroup.svelte

@@ -23,7 +23,7 @@
   }: RadioGroupProps = $props();
 
   const classes = $derived(
-    `lm-radio-group lm-radio-group--${size}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-radio-group ln-radio-group--${size}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 
   const handleChange = (value: string | number): void => {

package/dist/Rating/Rating.svelte

@@ -159,7 +159,7 @@
     }
 
     const classes = $derived(
-        `lm-rating${disabled ? ' lm-rating--disabled' : ''}${readonly ? ' lm-rating--readonly' : ''}${allowHalf ? ' lm-rating--half' : ''}${!disabled && !readonly ? ' lm-rating--interactive' : ''}${rounded ? ' lm-rating--rounded' : ''}${extraClass ? ` ${extraClass}` : ''}`
+        `ln-rating${disabled ? ' ln-rating--disabled' : ''}${readonly ? ' ln-rating--readonly' : ''}${allowHalf ? ' ln-rating--half' : ''}${!disabled && !readonly ? ' ln-rating--interactive' : ''}${rounded ? ' ln-rating--rounded' : ''}${extraClass ? ` ${extraClass}` : ''}`
     )
 
     /** 根元素样式（缓存避免重复计算） */
@@ -196,24 +196,24 @@
         {@const isEmpty = ratio === 0}
         <button
             type="button"
-            class="lm-rating__item"
+            class="ln-rating__item"
             aria-label="Rate {index + 1}"
             disabled={disabled || readonly}
             onmousemove={(e: MouseEvent) => onHover(index, e)}
             onclick={(e: MouseEvent) => onClick(index, e)}
         >
             <span
-                class="lm-rating__icon-wrapper {rounded ? 'is-rounded' : ''}"
+                class="ln-rating__icon-wrapper {rounded ? 'is-rounded' : ''}"
                 data-ratio={ratio}
                 data-full={isFull ? 'true' : undefined}
                 data-half={isHalf ? 'true' : undefined}
                 data-empty={isEmpty ? 'true' : undefined}
             >
-                <svg viewBox={VIEW_BOX} class="lm-rating__icon lm-rating__icon--void" aria-hidden="true" focusable="false">
+                <svg viewBox={VIEW_BOX} class="ln-rating__icon ln-rating__icon--void" aria-hidden="true" focusable="false">
                     <path d={iconPath} />
                 </svg>
-                <span class="lm-rating__icon-fill" data-ratio={ratio} data-half={isHalf ? 'true' : undefined} data-full={isFull ? 'true' : undefined}>
-                    <svg viewBox={VIEW_BOX} class="lm-rating__icon lm-rating__icon--filled" aria-hidden="true" focusable="false">
+                <span class="ln-rating__icon-fill" data-ratio={ratio} data-half={isHalf ? 'true' : undefined} data-full={isFull ? 'true' : undefined}>
+                    <svg viewBox={VIEW_BOX} class="ln-rating__icon ln-rating__icon--filled" aria-hidden="true" focusable="false">
                         <path d={iconPath} fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                     </svg>
                 </span>
@@ -221,6 +221,6 @@
         </button>
     {/each}
     {#if displayText}
-        <span class="lm-rating__text">{displayText}</span>
+        <span class="ln-rating__text">{displayText}</span>
     {/if}
 </div>

package/dist/Result/Result.svelte

@@ -24,11 +24,11 @@
         info: Info,
     }
 
-    const classes = $derived(`lm-result lm-result--${status}${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-result ln-result--${status}${cls ? ` ${cls}` : ''}`)
 </script>
 
 <div class={classes} {...attrs}>
-    <div class="lm-result__icon">
+    <div class="ln-result__icon">
         {#if icon}
             {@render icon()}
         {:else}
@@ -37,21 +37,21 @@
     </div>
 
     {#if title}
-        <div class="lm-result__title">{title}</div>
+        <div class="ln-result__title">{title}</div>
     {/if}
 
     {#if subTitle}
-        <div class="lm-result__subtitle">{subTitle}</div>
+        <div class="ln-result__subtitle">{subTitle}</div>
     {/if}
 
     {#if extra}
-        <div class="lm-result__extra">
+        <div class="ln-result__extra">
             {@render extra()}
         </div>
     {/if}
 
     {#if children}
-        <div class="lm-result__content">
+        <div class="ln-result__content">
             {@render children()}
         </div>
     {/if}

package/dist/Segmented/Segmented.svelte

@@ -19,25 +19,25 @@
         modelValue = option.value
     }
 
-    const classes = $derived(`lm-segmented lm-segmented--${size}${block ? ' is-block' : ''}${disabled ? ' is-disabled' : ''}${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-segmented ln-segmented--${size}${block ? ' is-block' : ''}${disabled ? ' is-disabled' : ''}${cls ? ` ${cls}` : ''}`)
 </script>
 
 <div class={classes} role="radiogroup" {...attrs}>
     {#each normalizedOptions as option (option.value)}
         <button
             type="button"
-            class="lm-segmented__item{modelValue === option.value ? ' is-selected' : ''}{option.disabled ? ' is-disabled' : ''}"
+            class="ln-segmented__item{modelValue === option.value ? ' is-selected' : ''}{option.disabled ? ' is-disabled' : ''}"
             role="radio"
             aria-checked={modelValue === option.value}
             disabled={disabled || option.disabled}
             onclick={() => handleSelect(option)}
         >
             {#if option.icon}
-                <span class="lm-segmented__icon">
+                <span class="ln-segmented__icon">
                     {@render option.icon()}
                 </span>
             {/if}
-            <span class="lm-segmented__label">
+            <span class="ln-segmented__label">
                 {#if typeof option.label === 'string'}
                     {option.label}
                 {:else}

package/dist/Select/Option.svelte

@@ -15,7 +15,7 @@
   }: OptionProps = $props();
 
   const classes = $derived(
-    `lm-option${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-option${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 

package/dist/Select/OptionGroup.svelte

@@ -17,15 +17,15 @@
   }: OptionGroupProps = $props();
 
   const classes = $derived(
-    `lm-option-group${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-option-group${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 
 <li class={classes} role="group" aria-label={label} {...attrs}>
   {#if label}
-    <div class="lm-option-group__title">{label}</div>
+    <div class="ln-option-group__title">{label}</div>
   {/if}
-  <ul class="lm-option-group__list" role="listbox">
+  <ul class="ln-option-group__list" role="listbox">
     {#if children}
       {@render children()}
     {/if}

package/dist/Select/Select.svelte

@@ -27,7 +27,7 @@
   let searchQuery = $state("");
   let rootEl: HTMLDivElement | null = $state(null);
   let inputEl: HTMLInputElement | null = $state(null);
-  const dropdownId = `lm-select-dropdown-${Math.random().toString(36).slice(2, 9)}`;
+  const dropdownId = `ln-select-dropdown-${Math.random().toString(36).slice(2, 9)}`;
 
   const selectedValues = $derived.by((): (string | number)[] => {
     if (multiple) return Array.isArray(modelValue) ? modelValue : [];
@@ -150,13 +150,13 @@
   });
 
   const classes = $derived(
-    `lm-select lm-select--${size}${visible ? " is-focus" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
+    `ln-select ln-select--${size}${visible ? " is-focus" : ""}${disabled ? " is-disabled" : ""}${cls ? ` ${cls}` : ""}`,
   );
 </script>
 
 <div class={classes} bind:this={rootEl} {...attrs}>
   <div
-    class="lm-select__trigger"
+    class="ln-select__trigger"
     role="combobox"
     tabindex={disabled ? -1 : 0}
     aria-controls={dropdownId}
@@ -169,7 +169,7 @@
     {#if filterable && visible}
       <input
         bind:this={inputEl}
-        class="lm-select__input"
+        class="ln-select__input"
         type="text"
         bind:value={searchQuery}
         {placeholder}
@@ -177,16 +177,16 @@
         onkeydown={(e: KeyboardEvent) => e.key === "Escape" && close()}
       />
     {:else}
-      <span class="lm-select__value" class:is-placeholder={!hasValue}>
+      <span class="ln-select__value" class:is-placeholder={!hasValue}>
         {hasValue ? displayLabel : placeholder}
       </span>
     {/if}
 
-    <span class="lm-select__suffix">
+    <span class="ln-select__suffix">
       {#if clearable && hasValue && !disabled}
         <button
           type="button"
-          class="lm-select__clear"
+          class="ln-select__clear"
           onclick={handleClear}
           aria-label="清空"
         >
@@ -196,7 +196,7 @@
         <Icon
           icon={ChevronDown}
           size={14}
-          class="lm-select__arrow{visible ? ' is-reverse' : ''}"
+          class="ln-select__arrow{visible ? ' is-reverse' : ''}"
         />
       {/if}
     </span>
@@ -205,21 +205,21 @@
   {#if visible}
     <div
       id={dropdownId}
-      class="lm-select__dropdown"
+      class="ln-select__dropdown"
       role="listbox"
       transition:dropdownTransition
     >
       {#if showMenuArrow}
-        <div class="lm-select__menu-arrow" aria-hidden="true"></div>
+        <div class="ln-select__menu-arrow" aria-hidden="true"></div>
       {/if}
-      <div class="lm-select__menu-content">
+      <div class="ln-select__menu-content">
         {#if children}
           {@render children()}
         {:else if filteredOptions.length > 0}
           {#each filteredOptions as option (option.value)}
             <button
               type="button"
-              class="lm-select__option{isSelected(option.value)
+              class="ln-select__option{isSelected(option.value)
                 ? ' is-selected'
                 : ''}"
               role="option"
@@ -237,7 +237,7 @@
             </button>
           {/each}
         {:else}
-          <div class="lm-select__empty">无匹配数据</div>
+          <div class="ln-select__empty">无匹配数据</div>
         {/if}
       </div>
     </div>

package/dist/Skeleton/Skeleton.svelte

@@ -25,7 +25,7 @@
         shouldShow = loading
     })
 
-    const classes = $derived(`lm-skeleton${animated ? ' is-animated' : ''}${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-skeleton${animated ? ' is-animated' : ''}${cls ? ` ${cls}` : ''}`)
     const rowIndices = $derived(Array.from({ length: rows }, (_, i) => i))
 </script>
 
@@ -35,7 +35,7 @@
             {@render template()}
         {:else}
             {#each rowIndices as i (i)}
-                <div class="lm-skeleton__item lm-skeleton__p" class:is-first={i === 0} class:is-last={i === rows - 1}></div>
+                <div class="ln-skeleton__item ln-skeleton__p" class:is-first={i === 0} class:is-last={i === rows - 1}></div>
             {/each}
         {/if}
     </div>

package/dist/Skeleton/SkeletonItem.svelte

@@ -8,7 +8,7 @@
 
     let { variant = 'text', class: cls = '', ...attrs }: SkeletonItemProps = $props()
 
-    const classes = $derived(`lm-skeleton__item lm-skeleton__${variant}${cls ? ` ${cls}` : ''}`)
+    const classes = $derived(`ln-skeleton__item ln-skeleton__${variant}${cls ? ` ${cls}` : ''}`)
 </script>
 
 <div class={classes} {...attrs}></div>