@yunlefun/vue 0.3.0 → 0.4.0

package/components/segmented-control/index.md

@@ -26,7 +26,7 @@ const options = [
   { value: 'grid', label: '网格视图' },
   { value: 'list', label: '列表视图' },
 ] as const
-const icons = { grid: 'i-lucide-grid-2x2', list: 'i-lucide-list' }
+const icons = { grid: 'i-ri-grid-line', list: 'i-ri-list-check' }
 </script>
 
 <template>

package/components/select/index.md

@@ -43,3 +43,9 @@ const options = [
 ## 工作台密度与图标
 
 `size="sm"` 使用 34px 高度、紧凑文字与 10px 圆角，适合排序、项目范围等工具栏控件；默认 `md` 保持 44px 表单尺寸。触摸设备中紧凑选择器与选项仍至少 44px。`#icon` 和 `#indicator` 可传入应用已有的 UnoCSS / Iconify 图标；未提供时保留内置 SVG。
+
+## 表单与局部主题
+
+`name?: string` 和 `required?: boolean`（默认 `false`）传给底层表单控件。放在 `<form>` 内时，选择值进入原生 `FormData`；禁用字段不提交。`id`、`aria-label`、`aria-labelledby`、`class` 和事件传给触发按钮。使用实际字段名称作为可访问名称，例如 `aria-label="主题颜色"` 或关联的 `<label for>`。
+
+`portalTo?: string | HTMLElement` 指定已存在的浮层容器，例如 `portal-to="#settings-portals"`。容器应位于页面相同的 `.ylf-theme-light` / `.ylf-theme-dark` 边界中。不传时保留 Reka UI 的 ConfigProvider 配置，最终回退到 `body`。

package/components/slider/demo.vue

@@ -8,13 +8,13 @@ const range = ref([20, 70])
 <template>
   <div class="flex flex-col gap-6">
     <div class="flex flex-col gap-2">
-      <YlfSlider v-model="single" />
+      <YlfSlider v-model="single" label="音量" />
       <p class="m-0 text-sm op-70">
         单值：{{ single[0] }}
       </p>
     </div>
     <div class="flex flex-col gap-2">
-      <YlfSlider v-model="range" />
+      <YlfSlider v-model="range" label="价格区间" :thumb-labels="['最低价格', '最高价格']" />
       <p class="m-0 text-sm op-70">
         区间：{{ range[0] }} – {{ range[1] }}
       </p>

package/components/slider/index.md

@@ -7,10 +7,18 @@ title_zh: 滑块
 
 ## Props
 
-| 属性       | 说明   | 类型       | 默认值  |
-| ---------- | ------ | ---------- | ------- |
-| `v-model`  | 当前值 | `number[]` | `[50]`  |
-| `min`      | 最小值 | `number`   | `0`     |
-| `max`      | 最大值 | `number`   | `100`   |
-| `step`     | 步长   | `number`   | `1`     |
-| `disabled` | 禁用   | `boolean`  | `false` |
+| 属性          | 说明                     | 类型                | 默认值  |
+| ------------- | ------------------------ | ------------------- | ------- |
+| `v-model`     | 当前值                   | `number[]`          | `[50]`  |
+| `min`         | 最小值                   | `number`            | `0`     |
+| `max`         | 最大值                   | `number`            | `100`   |
+| `step`        | 步长                     | `number`            | `1`     |
+| `disabled`    | 禁用                     | `boolean`           | `false` |
+| `label`       | 单值或整组用途名称       | `string`            | `数值`  |
+| `thumbLabels` | 按顺序指定每个滑块的名称 | `readonly string[]` | —       |
+
+单值使用 `label="音量"`；区间使用 `:thumb-labels="['最低价格', '最高价格']"`。未指定端点名称时，使用 `label` 和顺序编号。方向键按 `step` 调整，Home / End 到达边界；禁用时滑块不进入键盘焦点顺序。触摸设备提供至少 44px 的操作区域，减少动态效果时关闭过渡。
+
+## Events
+
+`valueCommit` 在一次拖动或键盘调整完成时回传 `number[]`。需要在交互完成后保存数据时，使用 `@value-commit`；界面状态继续使用 `v-model`。

package/components/switch/index.md

@@ -16,3 +16,5 @@ title_zh: 开关
 | `disabled` | 禁用                      | `boolean`                                       | `false` |
 
 `tone` 接受 `blue | sun | cyan | coral | pink | green`，默认 `blue`（晴空蓝），只在 `accent` 下生效。旧 `aurora` 值映射到 `accent`。同一流程中的同类状态使用同一种颜色。
+
+通过 `aria-label` 或关联的 `<label for>` 提供用途名称。Space / Enter 切换状态，禁用时不响应操作。`name`、`value` 和 `required` 透传给 Reka UI，用于原生表单提交。

package/components/tabs/index.md

@@ -16,3 +16,5 @@ title_zh: 标签页
 ## Slots
 
 每个标签的内容用 `value` 同名插槽提供，如 `#cloud`、`#fun`。
+
+`items` 支持只读数组。标签和内容面板的 ARIA 关联由 Reka UI 管理；方向键、Home / End 改变焦点并自动选中，跳过禁用项。切换普通筛选条件而不展示关联面板时使用 Segmented Control。

package/components/tooltip/index.md

@@ -7,11 +7,15 @@ title_zh: 文字提示
 
 ## Props
 
-| 属性      | 说明       | 类型                             | 默认值 |
-| --------- | ---------- | -------------------------------- | ------ |
-| `content` | 提示文字   | `string`                         | —      |
-| `side`    | 方向       | `top \| right \| bottom \| left` | `top`  |
-| `delay`   | 延迟（ms） | `number`                         | `300`  |
+| 属性       | 说明                   | 类型                             | 默认值                  |
+| ---------- | ---------------------- | -------------------------------- | ----------------------- |
+| `content`  | 提示文字               | `string`                         | —                       |
+| `side`     | 方向                   | `top \| right \| bottom \| left` | `top`                   |
+| `delay`    | 延迟（ms）             | `number`                         | `300`                   |
+| `disabled` | 关闭提示               | `boolean`                        | `false`                 |
+| `portalTo` | 已存在的主题内浮层容器 | `string \| HTMLElement`          | ConfigProvider / `body` |
+
+`id`、`class`、`aria-label`、`data-*` 和事件传给触发元素。仅图标按钮仍需可访问名称，不能只依赖 Tooltip 内容。局部主题中使用 `portal-to` 保持提示与触发器处于同一主题。
 
 ## Slots
 

package/dist/components/YlfAccordion.vue.d.ts

@@ -0,0 +1,35 @@
+interface AccordionItemData {
+    value: string;
+    title: string;
+    content?: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    items: readonly AccordionItemData[];
+    type?: 'single' | 'multiple';
+    collapsible?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_33: string, __VLS_34: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_33>]?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    type: "single" | "multiple";
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfAiPromptLauncher.vue.d.ts

@@ -0,0 +1,25 @@
+import type { AiPromptLaunch, AiPromptLaunchResult, AiPromptOptions, AiProviderId } from './ai-prompt';
+type __VLS_Props = {
+    prompt: string;
+    providers?: readonly AiProviderId[];
+    disabled?: boolean;
+    locale?: 'zh-CN' | 'en';
+    options?: AiPromptOptions;
+    /** Optional host adapter, e.g. a validated desktop IPC call. */
+    launch?: AiPromptLaunch;
+    /** Optional native clipboard adapter. */
+    copyText?: (text: string) => Promise<void>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    result: (result: AiPromptLaunchResult) => any;
+    busy: (value: boolean) => any;
+    manualCopy: (prompt: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResult?: ((result: AiPromptLaunchResult) => any) | undefined;
+    onBusy?: ((value: boolean) => any) | undefined;
+    onManualCopy?: ((prompt: string) => any) | undefined;
+}>, {
+    locale: "zh-CN" | "en";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfAvatar.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    src?: string;
+    alt?: string;
+    /** 图片加载失败/缺省时显示的文字（如姓名首字） */
+    fallback?: string;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fallback: string;
+    alt: string;
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfBadge.vue.d.ts

@@ -0,0 +1,29 @@
+import type { YlfAccentTone, YlfColorAppearance } from './theme';
+type BadgeVariant = 'featured' | 'accent' | 'aurora' | 'brand' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type __VLS_Props = {
+    variant?: BadgeVariant;
+    /** 仅 accent 变体使用 */
+    tone?: YlfAccentTone;
+    /** accent 与状态变体的强调程度 */
+    appearance?: YlfColorAppearance;
+    /** 胶囊圆角 */
+    round?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    round: boolean;
+    variant: BadgeVariant;
+    tone: YlfAccentTone;
+    appearance: YlfColorAppearance;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfBottomMenu.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** 浮起阴影 */
+    shadow?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    shadow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfBottomMenuItem.vue.d.ts

@@ -0,0 +1,22 @@
+import type { BottomMenuItem } from './bottom-menu';
+type __VLS_Props = {
+    active: boolean;
+    item: BottomMenuItem;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfButton.vue.d.ts

@@ -0,0 +1,48 @@
+import type { YlfAccentTone, YlfColorAppearance } from './theme';
+type ButtonVariant = 'primary' | 'accent' | 'aurora' | 'secondary' | 'soft' | 'ghost' | 'success' | 'warning' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    variant?: ButtonVariant;
+    /** 仅 accent 变体使用，默认晴空蓝 */
+    tone?: YlfAccentTone;
+    /** accent 与状态变体的强调程度 */
+    appearance?: YlfColorAppearance;
+    size?: ButtonSize;
+    /** 胶囊圆角，默认开启（云是软的） */
+    round?: boolean;
+    /** 占满整行宽度 */
+    block?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    /** 渲染标签，如 'a' */
+    tag?: string;
+};
+declare var __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    round: boolean;
+    size: ButtonSize;
+    variant: ButtonVariant;
+    tone: YlfAccentTone;
+    appearance: YlfColorAppearance;
+    block: boolean;
+    loading: boolean;
+    tag: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfCard.vue.d.ts

@@ -0,0 +1,28 @@
+import type { YlfAccentTone } from './theme';
+type CardVariant = 'soft' | 'glass' | 'accent' | 'tinted' | 'gradient';
+type __VLS_Props = {
+    variant?: CardVariant;
+    tone?: YlfAccentTone;
+    /** 悬停时轻轻抬升 */
+    hoverable?: boolean;
+    /** 内边距，接受任意 CSS 值 */
+    padding?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: CardVariant;
+    tone: YlfAccentTone;
+    hoverable: boolean;
+    padding: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfCheckbox.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    /** 表单提交值 */
+    value?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean | 'indeterminate';
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfDialog.vue.d.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    /** 没有可见标题时供屏幕阅读器使用 */
+    accessibleTitle?: string;
+    /** Existing container in the same theme boundary. */
+    portalTo?: string | HTMLElement;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {}, __VLS_39: {}, __VLS_59: {}, __VLS_61: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+} & {
+    title?: (props: typeof __VLS_39) => any;
+} & {
+    description?: (props: typeof __VLS_59) => any;
+} & {
+    default?: (props: typeof __VLS_61) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    accessibleTitle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfDropdownMenu.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    items: readonly MenuItem[];
+    portalTo?: string | HTMLElement;
+};
+interface MenuItem {
+    label?: string;
+    value?: string;
+    disabled?: boolean;
+    /** 渲染成分隔线 */
+    separator?: boolean;
+}
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfLogo.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    size?: 'sm' | 'md' | 'lg';
+    layout?: 'vertical' | 'horizontal';
+    /** 是否显示「云乐坊」文字 */
+    wordmark?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    layout: "vertical" | "horizontal";
+    wordmark: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfPopover.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    portalTo?: string | HTMLElement;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    side: "top" | "right" | "bottom" | "left";
+    align: "start" | "center" | "end";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/YlfProgress.vue.d.ts

@@ -0,0 +1,17 @@
+import type { YlfAccentTone } from './theme';
+type __VLS_Props = {
+    /** null means that progress is unknown. */
+    value?: number | null;
+    max?: number;
+    /** 进度条填充：brand 主色或 accent 纯色；aurora 是 accent 的旧别名 */
+    variant?: 'brand' | 'accent' | 'aurora';
+    tone?: YlfAccentTone;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    value: number | null;
+    variant: "brand" | "accent" | "aurora";
+    tone: YlfAccentTone;
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfRadioGroup.vue.d.ts

@@ -0,0 +1,24 @@
+interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    options: readonly RadioOption[];
+    disabled?: boolean;
+    orientation?: 'vertical' | 'horizontal';
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    disabled: boolean;
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfSegmentedControl.vue.d.ts

@@ -0,0 +1,35 @@
+import type { YlfSegmentedOption } from './segmented-control';
+declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        options: readonly YlfSegmentedOption<T>[];
+        /** Accessible name of the group, including for icon-only controls. */
+        label: string;
+        size?: "sm" | "md";
+        iconOnly?: boolean;
+        disabled?: boolean;
+    } & {
+        modelValue: T;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {
+            option: YlfSegmentedOption<T>;
+            selected: boolean;
+        }) => unknown;
+    };
+    emit: (event: "update:modelValue", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/YlfSelect.vue.d.ts

@@ -0,0 +1,43 @@
+declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        /** color 可使用 CSS 色值或公共 token，例如 var(--ylf-accent-blue) */
+        options: readonly {
+            label: string;
+            value: T;
+            disabled?: boolean;
+            color?: string;
+        }[];
+        /** Compact workbench or comfortable form density. */
+        size?: "sm" | "md";
+        placeholder?: string;
+        disabled?: boolean;
+        /** Native form field name and validation. */
+        name?: string;
+        required?: boolean;
+        /** Existing container in the same theme boundary. */
+        portalTo?: string | HTMLElement;
+    } & {
+        modelValue?: T;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {}) => any;
+    } & {
+        indicator?: (props: {}) => any;
+    };
+    emit: (event: "update:modelValue", value: T | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/YlfSeparator.vue.d.ts

@@ -0,0 +1,16 @@
+import type { YlfAccentTone } from './theme';
+type __VLS_Props = {
+    orientation?: 'horizontal' | 'vertical';
+    /** 仅装饰（不被屏幕阅读器作为分节朗读） */
+    decorative?: boolean;
+    variant?: 'neutral' | 'brand' | 'accent' | 'spectrum';
+    tone?: YlfAccentTone;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    variant: "neutral" | "brand" | "accent" | "spectrum";
+    tone: YlfAccentTone;
+    decorative: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/YlfSlider.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Accessible name for a single value or the range as a whole. */
+    label?: string;
+    /** Per-thumb accessible names, such as minimum and maximum price. */
+    thumbLabels?: readonly string[];
+};
+type __VLS_ModelProps = {
+    modelValue?: number[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number[]) => any;
+    valueCommit: (value: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+    onValueCommit?: ((value: number[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    label: string;
+    max: number;
+    min: number;
+    step: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;