@sdata/web-vue 4.3.1 → 4.4.0

package/es/regex-vis/style/index.scss

@@ -0,0 +1,213 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:string';
+@use '@components/regex-vis/style/token.scss' as *;
+
+$regex-vis-prefix-cls: string.unquote('#{theme.$prefix}-regex-vis');
+
+.#{$regex-vis-prefix-cls} {
+  box-sizing: border-box;
+  overflow: hidden;
+  color: $regex-vis-color-text;
+  font-size: $regex-vis-font-size;
+  background: $regex-vis-color-bg;
+  border: $regex-vis-border-width theme.$border-solid $regex-vis-color-border;
+  border-radius: $regex-vis-border-radius;
+
+  &-controls {
+    display: flex;
+    gap: $regex-vis-control-gap;
+    align-items: center;
+    padding: $regex-vis-padding-compact $regex-vis-padding;
+    border-bottom: $regex-vis-border-width theme.$border-solid $regex-vis-color-border;
+  }
+
+  &-input {
+    flex: 1;
+    min-width: 0;
+    font-family: theme.$code-family;
+  }
+
+  &-flags {
+    flex: none;
+    white-space: nowrap;
+  }
+
+  &-viewport {
+    display: flex;
+    align-items: center;
+    min-height: $regex-vis-min-height;
+    padding: $regex-vis-padding;
+    overflow: auto;
+    background: $regex-vis-color-viewport-bg;
+  }
+
+  &-graph {
+    display: block;
+    flex: none;
+    margin: auto;
+    overflow: visible;
+    font-family: theme.$code-family;
+  }
+
+  &-rail {
+    fill: $regex-vis-color-viewport-bg;
+    stroke: $regex-vis-color-rail;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-width: $regex-vis-border-width;
+  }
+
+  &-empty-label {
+    font-size: $regex-vis-font-size-secondary;
+    fill: $regex-vis-color-text-secondary;
+  }
+
+  &-name-label {
+    font-weight: $regex-vis-font-weight;
+    font-size: $regex-vis-font-size-quantifier;
+    user-select: none;
+    fill: $regex-vis-color-text;
+  }
+
+  &-quantifier {
+    color: $regex-vis-color-text;
+
+    svg {
+      overflow: visible;
+      color: currentcolor;
+    }
+
+    text {
+      font-weight: $regex-vis-font-weight;
+      font-size: $regex-vis-font-size-quantifier;
+      user-select: none;
+      fill: currentcolor;
+    }
+  }
+
+  &-node {
+    color: $regex-vis-color-text;
+    outline: none;
+    cursor: default;
+
+    rect {
+      transition:
+        fill $regex-vis-transition-duration theme.$transition-timing-function-standard,
+        stroke $regex-vis-transition-duration theme.$transition-timing-function-standard;
+      fill: $regex-vis-color-node-bg;
+      stroke: $regex-vis-color-node-border;
+      stroke-width: $regex-vis-border-width;
+    }
+
+    text {
+      font-weight: $regex-vis-font-weight;
+      font-size: $regex-vis-font-size-node;
+      user-select: none;
+      pointer-events: none;
+      fill: currentcolor;
+    }
+
+    &-assertion rect {
+      fill: $regex-vis-color-assertion-bg;
+      stroke: $regex-vis-color-assertion-border;
+    }
+
+    &-group rect,
+    &-choice rect {
+      fill: none;
+      stroke: $regex-vis-color-group-border;
+    }
+
+    &-choice rect {
+      stroke-dasharray: theme.$spacing-3 theme.$spacing-2;
+    }
+
+    &:focus-visible rect {
+      stroke: $regex-vis-color-focus;
+      stroke-width: $regex-vis-border-width-active;
+    }
+
+    &-selected rect {
+      fill: $regex-vis-color-selected-bg;
+      stroke: $regex-vis-color-node-border;
+      stroke-width: $regex-vis-border-width-active;
+    }
+
+    &-group.#{$regex-vis-prefix-cls}-node-selected rect,
+    &-choice.#{$regex-vis-prefix-cls}-node-selected rect {
+      fill: none;
+    }
+  }
+
+  &-selectable &-node {
+    cursor: pointer;
+  }
+
+  &-empty,
+  &-error {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: $regex-vis-state-gap;
+    align-items: center;
+    justify-content: center;
+    min-width: 0;
+    min-height: $regex-vis-min-height;
+    color: $regex-vis-color-text-secondary;
+    text-align: center;
+  }
+
+  &-error {
+    box-sizing: border-box;
+    padding: $regex-vis-padding;
+    color: $regex-vis-color-error;
+    background: $regex-vis-color-error-bg;
+    border-radius: $regex-vis-node-border-radius;
+  }
+
+  &-error-title {
+    font-weight: $regex-vis-font-weight;
+  }
+
+  &-error-message {
+    max-width: 100%;
+    font-size: $regex-vis-font-size-secondary;
+    font-family: theme.$code-family;
+    overflow-wrap: anywhere;
+  }
+
+  &-footer {
+    padding: $regex-vis-padding-compact $regex-vis-padding;
+    color: $regex-vis-color-text-secondary;
+    border-top: $regex-vis-border-width theme.$border-solid $regex-vis-color-border;
+  }
+
+  @media (hover: hover) {
+    &-selectable &-node:hover rect {
+      fill: $regex-vis-color-hover-bg;
+    }
+
+    &-selectable &-node-group:hover rect,
+    &-selectable &-node-choice:hover rect {
+      fill: none;
+      stroke: $regex-vis-color-node-border;
+    }
+  }
+
+  @media (width <= 640px) {
+    &-controls {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    &-flags {
+      white-space: normal;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    &-node rect {
+      transition: none;
+    }
+  }
+}

package/es/regex-vis/style/token.scss

@@ -0,0 +1,42 @@
+@use '@style/theme/index.scss' as global;
+@use 'sass:string';
+
+@forward '@style/theme/index.scss';
+
+$regex-vis-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
+$regex-vis-color-viewport-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-1'));
+$regex-vis-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-border-2'));
+$regex-vis-color-rail: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));
+$regex-vis-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));
+$regex-vis-color-text-secondary: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));
+$regex-vis-color-node-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-primary-light-1'));
+$regex-vis-color-node-border: global.$color-primary-6;
+$regex-vis-color-assertion-bg: var(
+  string.unquote('#{global.$sd-cssvars-prefix}-color-success-light-1')
+);
+$regex-vis-color-assertion-border: global.$color-success-6;
+$regex-vis-color-group-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-border-3'));
+$regex-vis-color-hover-bg: var(
+  string.unquote('#{global.$sd-cssvars-prefix}-color-primary-light-2')
+);
+$regex-vis-color-selected-bg: var(
+  string.unquote('#{global.$sd-cssvars-prefix}-color-primary-light-3')
+);
+$regex-vis-color-focus: global.$color-primary-5;
+$regex-vis-color-error: global.$color-danger-6;
+$regex-vis-color-error-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-danger-light-1'));
+$regex-vis-border-width: global.$border-1;
+$regex-vis-border-width-active: global.$border-2;
+$regex-vis-border-radius: global.$radius-large;
+$regex-vis-node-border-radius: global.$radius-medium;
+$regex-vis-padding: global.$spacing-7;
+$regex-vis-padding-compact: global.$spacing-6;
+$regex-vis-control-gap: global.$spacing-6;
+$regex-vis-state-gap: global.$spacing-2;
+$regex-vis-min-height: global.$size-40;
+$regex-vis-font-size: global.$font-size-body-3;
+$regex-vis-font-size-secondary: global.$font-size-body-1;
+$regex-vis-font-size-node: global.$font-size-body-3;
+$regex-vis-font-size-quantifier: global.$font-size-body-3;
+$regex-vis-font-weight: global.$font-weight-500;
+$regex-vis-transition-duration: global.$transition-duration-1;

package/es/regex-vis/types.d.ts

@@ -0,0 +1,33 @@
+import type { VNodeChild } from 'vue';
+import type { Flag, Node as ParserNode, RegexError as ParserError } from './parser/ast';
+export type RegexVisFlag = Flag;
+export type RegexVisNode = ParserNode;
+export type RegexVisError = ParserError;
+export type RegexVisTranslate = (key: string, ...args: unknown[]) => string;
+export type RegexVisSelectInfo = {
+    node: RegexVisNode;
+    label: string;
+};
+export type RegexVisProps = {
+    modelValue?: string;
+    flags?: RegexVisFlag[];
+    readonly?: boolean;
+    showInput?: boolean;
+    showFlags?: boolean;
+    selectable?: boolean;
+    placeholder?: string;
+    emptyText?: string;
+    ariaLabel?: string;
+};
+export type RegexVisSlots = {
+    empty?: (props: {
+        text: string;
+    }) => VNodeChild;
+    error?: (props: {
+        error: RegexVisError;
+    }) => VNodeChild;
+    footer?: (props: {
+        value: string;
+        flags: RegexVisFlag[];
+    }) => VNodeChild;
+};

package/es/resize-box/resize-box.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";

package/es/result/403.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { createElementBlock, createStaticVNode, defineComponent, openBlock } from "vue";
 //#region components/result/403.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/es/result/404.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { createElementBlock, createStaticVNode, defineComponent, openBlock } from "vue";
 //#region components/result/404.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/es/result/500.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { createElementBlock, createStaticVNode, defineComponent, openBlock } from "vue";
 //#region components/result/500.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/es/result/result.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconClose from "../icon/icon-close/index.js";
 import IconCheck from "../icon/icon-check/index.js";

package/es/rich-text-editor/nodes/inline-component-node.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { cloneDeep } from "es-toolkit";
 import { $applyNodeReplacement, DecoratorNode } from "lexical";
 //#region components/rich-text-editor/nodes/inline-component-node.ts

package/es/rich-text-editor/rich-text-editor.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
-import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode } from "./nodes/inline-component-node.js";
 import rich_text_node_renderer_default from "./rich-text-node-renderer.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, renderSlot, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
@@ -503,8 +503,10 @@ var rich_text_editor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 						else {
 							const currentSelection = $getSelection();
 							if (currentSelection) $setSelection(currentSelection.clone());
-							else if (root.getChildrenSize()) if (focusOptions.defaultSelection === "rootStart") root.selectStart();
-							else root.selectEnd();
+							else if (root.getChildrenSize()) {
+								if (focusOptions.defaultSelection === "rootStart") root.selectStart();
+								else root.selectEnd();
+							}
 						}
 					}, {
 						discrete: true,

package/es/rich-text-editor/rich-text-node-renderer.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
+import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
 import Tag from "../tag/index.js";
 import { JSON_FORM_COMPONENT_TYPES } from "../json-form/types.js";
 import { resolveJsonFormComponents, shouldStretchJsonFormControl } from "../json-form/utils.js";

package/es/scrollbar/scrollbar.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, watch } from "vue";

package/es/sd-vue.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "./_hooks/use-form-item.js";
-import _objectSpread2 from "./_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "./_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import Affix from "./affix/index.js";
 import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Alert from "./alert/index.js";
@@ -124,6 +124,7 @@ import Notification from "./notification/index.js";
 import PageHeader from "./page-header/index.js";
 import Progress from "./progress/index.js";
 import QrCode from "./qr-code/index.js";
+import RegexVis from "./regex-vis/index.js";
 import ResizeBox from "./resize-box/index.js";
 import Result from "./result/index.js";
 import RichTextEditor from "./rich-text-editor/index.js";
@@ -207,6 +208,7 @@ var components = {
 	Mention,
 	Radio,
 	Rate,
+	RegexVis,
 	RichTextEditor,
 	Select,
 	Sender,

package/es/secret/secret.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";

package/es/select/hooks/use-options.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getOptionInfos, getValidOptions, isValidOption } from "../utils.js";
 import { computed, reactive, ref, watch } from "vue";
 //#region components/select/hooks/use-options.ts

package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";

package/es/select/select.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean, isEmptyObject, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import virtual_list_default from "../_components/virtual-list/index.js";
@@ -393,10 +393,12 @@ var select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		const handleMultipleSelect = (key, ev) => {
 			if (!computedValueKeys.value.includes(key)) {
-				if (enabledOptionKeys.value.includes(key)) if (props.limit > 0 && computedValueKeys.value.length >= props.limit) {
-					const info = optionInfoMap.get(key);
-					emit("exceedLimit", info === null || info === void 0 ? void 0 : info.value, ev);
-				} else updateValue(computedValueKeys.value.concat(key));
+				if (enabledOptionKeys.value.includes(key)) {
+					if (props.limit > 0 && computedValueKeys.value.length >= props.limit) {
+						const info = optionInfoMap.get(key);
+						emit("exceedLimit", info === null || info === void 0 ? void 0 : info.value, ev);
+					} else updateValue(computedValueKeys.value.concat(key));
+				}
 			} else updateValue(computedValueKeys.value.filter((valueKeyItem) => valueKeyItem !== key));
 			if (!retainInputValue.value) updateInputValue("");
 		};

package/es/select/utils.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { isBoolean, isFunction, isNumber, isObject, isString } from "../_utils/is.js";
 //#region components/select/utils.ts
 var isGroupOption = (option, fieldNames) => {

package/es/selectable-card/selectable-card.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useId } from "vue";
 //#region components/selectable-card/selectable-card.vue?vue&type=script&setup=true&lang.ts

package/es/selectable-card/style/index.css

@@ -21,7 +21,7 @@
   color: var(--sd-color-text-1);
   background: var(--sd-color-bg-2);
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: var(--sd-border-radius-large);
+  border-radius: var(--sd-border-radius-medium);
   cursor: pointer;
   transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
@@ -70,7 +70,7 @@
 }
 .sd-selectable-card-value {
   color: var(--sd-color-text-1);
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.25;
 }
 .sd-selectable-card-description, .sd-selectable-card-default {
@@ -97,31 +97,31 @@
   text-align: center;
 }
 .sd-selectable-card--size-small {
-  padding: 12px;
+  padding: 8px;
 }
 .sd-selectable-card--size-small .sd-selectable-card-body, .sd-selectable-card--size-small .sd-selectable-card-content {
-  gap: 8px;
+  gap: 6px;
 }
 .sd-selectable-card--size-small .sd-selectable-card-value {
-  font-size: 16px;
+  font-size: 14px;
 }
 .sd-selectable-card--size-medium {
-  padding: 16px;
+  padding: 12px;
 }
 .sd-selectable-card--size-medium .sd-selectable-card-body, .sd-selectable-card--size-medium .sd-selectable-card-content {
-  gap: 12px;
+  gap: 8px;
 }
 .sd-selectable-card--size-medium .sd-selectable-card-value {
-  font-size: 20px;
+  font-size: 16px;
 }
 .sd-selectable-card--size-large {
-  padding: 24px;
+  padding: 16px;
 }
 .sd-selectable-card--size-large .sd-selectable-card-body, .sd-selectable-card--size-large .sd-selectable-card-content {
-  gap: 20px;
+  gap: 12px;
 }
 .sd-selectable-card--size-large .sd-selectable-card-value {
-  font-size: 24px;
+  font-size: 20px;
 }
 .sd-selectable-card--color-red {
   --sd-selectable-card-accent: rgb(var(--sd-red-6));
@@ -190,7 +190,6 @@
 }
 .sd-selectable-card--selected {
   border-color: var(--sd-selectable-card-border);
-  box-shadow: inset 0 0 0 2px var(--sd-selectable-card-border);
 }
 .sd-selectable-card--selected.sd-selectable-card--soft {
   color: var(--sd-selectable-card-accent);

package/es/selectable-card/style/index.scss

@@ -81,7 +81,7 @@ $colors:
 
   &-value {
     color: $selectable-card-color-value;
-    font-weight: theme.$font-weight-600;
+    font-weight: theme.$font-weight-500;
     line-height: 1.25;
   }
 
@@ -162,7 +162,6 @@ $colors:
 
   &--selected {
     border-color: var(--sd-selectable-card-border);
-    box-shadow: inset 0 0 0 2px var(--sd-selectable-card-border);
   }
 
   &--selected#{&}--soft {

package/es/selectable-card/style/token.scss

@@ -12,16 +12,16 @@ $selectable-card-color-description: var(
 );
 $selectable-card-color-focus: global.$color-primary-6;
 $selectable-card-border-width: global.$border-1;
-$selectable-card-border-radius: global.$radius-large;
+$selectable-card-border-radius: global.$radius-medium;
 $selectable-card-disabled-opacity: 0.5;
 $selectable-card-overlay-hover: rgb(0 0 0 / 5%);
 $selectable-card-overlay-active: rgb(0 0 0 / 10%);
-$selectable-card-size-small-padding: global.$spacing-6;
-$selectable-card-size-medium-padding: global.$spacing-7;
-$selectable-card-size-large-padding: global.$spacing-9;
-$selectable-card-size-small-gap: global.$spacing-4;
-$selectable-card-size-medium-gap: global.$spacing-6;
-$selectable-card-size-large-gap: global.$spacing-8;
-$selectable-card-size-small-value: global.$font-size-title-1;
-$selectable-card-size-medium-value: global.$font-size-title-2;
-$selectable-card-size-large-value: global.$font-size-title-3;
+$selectable-card-size-small-padding: global.$spacing-4;
+$selectable-card-size-medium-padding: global.$spacing-6;
+$selectable-card-size-large-padding: global.$spacing-7;
+$selectable-card-size-small-gap: global.$spacing-3;
+$selectable-card-size-medium-gap: global.$spacing-4;
+$selectable-card-size-large-gap: global.$spacing-6;
+$selectable-card-size-small-value: global.$font-size-body-3;
+$selectable-card-size-medium-value: global.$font-size-title-1;
+$selectable-card-size-large-value: global.$font-size-title-2;

package/es/sender/sender-header.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";

package/es/sender/sender-recording-icon.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import { Fragment, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref } from "vue";

package/es/sender/sender-skill-tag.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";

package/es/sender/sender-stop-loading-icon.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, toDisplayString, unref } from "vue";

package/es/sender/sender-switch.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Button from "../button/index.js";
 import { senderInjectionKey } from "./context.js";

package/es/sender/sender.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";

package/es/skeleton/line.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isString } from "../_utils/is.js";
 import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";

package/es/skeleton/shape.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
 //#region components/skeleton/shape.vue?vue&type=script&setup=true&lang.ts

package/es/skeleton/skeleton.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region components/skeleton/skeleton.vue?vue&type=script&setup=true&lang.ts