@xihan-ui/vue 1.0.0 → 1.1.0

package/dist/components/drawer/drawer.d.ts

@@ -130,15 +130,15 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
   size: Size;
-  translations: Partial<import("@xihan-ui/headless").DrawerTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  side: DrawerSide;
+  translations: Partial<import("@xihan-ui/headless").DrawerTranslations> | undefined;
   modal: boolean;
   role: "dialog" | "alertdialog";
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
+  side: DrawerSide;
   container: string | Element;
   contained: boolean;
 }, SlotsType<{

package/dist/components/float-button/float-button.d.ts

@@ -69,12 +69,12 @@ declare const XhFloatButtonRoot: import("vue").DefineComponent<import("vue").Ext
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
-  offset: number;
-  translations: Partial<FloatButtonTranslations>;
   open: boolean;
   defaultOpen: boolean;
-  expandTrigger: FloatButtonExpandTrigger;
+  translations: Partial<FloatButtonTranslations>;
+  offset: number;
   placement: FloatButtonPlacement;
+  expandTrigger: FloatButtonExpandTrigger;
   shape: FloatButtonShape;
 }, SlotsType<{
   default?: (props: FloatButtonRootSlotProps) => VNode[];

package/dist/components/floating-panel/floating-panel.d.ts

@@ -142,9 +142,10 @@ declare const XhFloatingPanelRoot: import("vue").DefineComponent<import("vue").E
 }>, {
   size: FloatingPanelSize;
   disabled: boolean;
-  translations: Partial<import("@xihan-ui/headless").FloatingPanelTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
+  translations: Partial<import("@xihan-ui/headless").FloatingPanelTranslations> | undefined;
+  resizable: boolean;
   position: FloatingPanelPosition;
   stage: FloatingPanelStage;
   defaultPosition: FloatingPanelPosition;
@@ -153,7 +154,6 @@ declare const XhFloatingPanelRoot: import("vue").DefineComponent<import("vue").E
   maxSize: FloatingPanelSize;
   defaultStage: FloatingPanelStage;
   draggable: boolean;
-  resizable: boolean;
 }, SlotsType<{
   default?: (props: FloatingPanelRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/form/form.d.ts

@@ -134,8 +134,8 @@ declare const XhFormRoot: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
   values: FormValues;
   disabled: boolean;
-  layout: import("@xihan-ui/headless").FormLayout | undefined;
   readOnly: boolean;
+  layout: import("@xihan-ui/headless").FormLayout | undefined;
   validate: ((values: FormValues) => FormErrorPatch | Promise<FormErrorPatch>) | undefined;
   rules: import("@xihan-ui/headless").FormRules | undefined;
   validateMessages: import("@xihan-ui/headless").FormValidateMessages | undefined;

package/dist/components/hotkeys/hotkeys.d.ts

@@ -78,8 +78,8 @@ declare const XhHotkeys: import("vue").DefineComponent<import("vue").ExtractProp
 }>, {
   keys: string[];
   size: Size;
-  translations: Partial<HotkeysTranslations>;
   target: HotkeysTarget;
+  translations: Partial<HotkeysTranslations>;
   platform: HotkeysPlatform;
   preventDefault: boolean;
   enabled: boolean;

package/dist/components/hover-card/hover-card.d.ts

@@ -80,9 +80,9 @@ declare const XhHoverCardRoot: import("vue").DefineComponent<import("vue").Extra
   dir: Direction;
   size: Size;
   disabled: boolean;
-  offset: number;
   open: boolean;
   defaultOpen: boolean;
+  offset: number;
   placement: Placement;
   openDelay: number;
   closeDelay: number;

package/dist/components/image-viewer/image-viewer.d.ts

@@ -118,15 +118,15 @@ declare const XhImageViewerRoot: import("vue").DefineComponent<import("vue").Ext
   "onIndex-change"?: ((_details: import("@xihan-ui/headless").ImageViewerIndexChangeDetails) => any) | undefined;
   "onUpdate:index"?: ((_index: number) => any) | undefined;
 }>, {
-  translations: Partial<import("@xihan-ui/headless").ImageViewerTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  index: number;
+  translations: Partial<import("@xihan-ui/headless").ImageViewerTranslations> | undefined;
   loop: boolean;
-  items: ImageViewerItem[];
+  index: number;
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
+  items: ImageViewerItem[];
   defaultIndex: number;
   zoomStep: number;
   minScale: number;

package/dist/components/json-viewer/json-viewer.d.ts

@@ -115,8 +115,8 @@ declare const XhJsonViewerRoot: import("vue").DefineComponent<import("vue").Extr
   dir: Direction;
   size: Size;
   translations: Partial<JsonViewerTranslations>;
-  view: JsonViewerView;
   loop: boolean;
+  view: JsonViewerView;
   expandedValue: string[];
   defaultExpandedValue: string[];
   defaultExpandedDepth: number;

package/dist/components/list/list.d.ts

@@ -32,8 +32,8 @@ declare const XhListRoot: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
   as: string;
   size: Size;
-  hoverable: boolean;
   split: boolean;
+  hoverable: boolean;
   bordered: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhListItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/dist/components/listbox/listbox.d.ts

@@ -103,8 +103,8 @@ declare const XhListboxRoot: import("vue").DefineComponent<import("vue").Extract
   orientation: Orientation;
   dir: Direction;
   disabled: boolean;
-  selectionMode: ListboxSelectionMode;
   loop: boolean;
+  selectionMode: ListboxSelectionMode;
   typeahead: boolean;
 }, SlotsType<{
   default?: (props: ListboxRootSlotProps) => VNode[];

package/dist/components/mention/mention.d.ts

@@ -132,14 +132,14 @@ declare const XhMentionRoot: import("vue").DefineComponent<import("vue").Extract
   tone: Tone;
   size: Size;
   disabled: boolean;
-  offset: number;
   translations: MentionTranslations;
-  variant: ControlVariant;
+  offset: number;
   readOnly: boolean;
-  loop: boolean;
+  prefix: string | string[];
   placeholder: string;
+  loop: boolean;
   placement: Placement;
-  prefix: string | string[];
+  variant: ControlVariant;
 }, SlotsType<{
   default?: (props: MentionRootSlotProps) => VNode[];
   /** 铺开 collection 时每条候选的文本插槽。 */

package/dist/components/menu/menu.d.ts

@@ -123,15 +123,15 @@ declare const XhMenuRoot: import("vue").DefineComponent<import("vue").ExtractPro
   dir: Direction;
   tone: Tone;
   size: Size;
-  offset: number;
   open: boolean;
   defaultOpen: boolean;
+  offset: number;
   loop: boolean;
   placement: Placement;
+  triggerAsChild: boolean;
   openOnHover: boolean;
   hoverOpenDelay: number;
   hoverCloseDelay: number;
-  triggerAsChild: boolean;
 }, SlotsType<{
   default?: (props: MenuRootSlotProps) => VNode[];
   trigger?: () => VNode[];

package/dist/components/notification/notification.d.ts

@@ -98,8 +98,8 @@ declare const XhNotificationRoot: import("vue").DefineComponent<import("vue").Ex
   "onUpdate:items"?: ((_items: NotificationRecord[]) => any) | undefined;
 }>, {
   translations: Partial<NotificationTranslations>;
-  max: number;
   placement: NotificationPlacement;
+  max: number;
   items: NotificationRecord[];
   gap: number;
   defaultItems: NotificationRecord[];
@@ -216,8 +216,8 @@ declare const XhNotificationItem: import("vue").DefineComponent<import("vue").Ex
 }>, {
   type: ToastType;
   title: string;
-  translations: Partial<NotificationTranslations>;
   closable: boolean;
+  translations: Partial<NotificationTranslations>;
   duration: number;
   removeDelay: number;
   pauseOnPageIdle: boolean;

package/dist/components/number-animation/number-animation.d.ts

@@ -103,8 +103,8 @@ declare const XhNumberAnimation: import("vue").DefineComponent<import("vue").Ext
 }>, {
   tone: Tone;
   size: Size;
-  separator: string;
   to: number;
+  separator: string;
   active: boolean;
   precision: number;
   live: NumberAnimationLive;

package/dist/components/number-field/number-field.d.ts

@@ -145,14 +145,14 @@ declare const XhNumberFieldRoot: import("vue").DefineComponent<import("vue").Ext
   tone: Tone;
   size: Size;
   disabled: boolean;
+  readOnly: boolean;
   variant: ControlVariant;
   max: number;
-  readOnly: boolean;
   min: number;
   format: ((value: number) => string) | undefined;
+  parse: ((text: string) => number) | undefined;
   step: number;
   largeStep: number;
-  parse: ((text: string) => number) | undefined;
   changeDelay: number;
   changeInterval: number;
 }, SlotsType<{

package/dist/components/pagination/pagination.d.ts

@@ -113,9 +113,9 @@ declare const XhPaginationRoot: import("vue").DefineComponent<import("vue").Extr
   tone: Tone;
   size: Size;
   translations: Partial<PaginationTranslations>;
+  count: number;
   page: number;
   defaultPage: number;
-  count: number;
   pageSize: number;
   pageSizeOptions: number[];
   defaultPageSize: number;

package/dist/components/password-input/password-input.d.ts

@@ -150,10 +150,10 @@ declare const XhPasswordInputRoot: import("vue").DefineComponent<import("vue").E
   size: Size;
   disabled: boolean;
   translations: Partial<PasswordInputTranslations>;
-  variant: ControlVariant;
   readOnly: boolean;
-  visible: boolean;
   placeholder: string;
+  variant: ControlVariant;
+  visible: boolean;
   defaultVisible: boolean;
   autoComplete: string;
 }, SlotsType<{

package/dist/components/pin-input/pin-input.d.ts

@@ -127,8 +127,8 @@ declare const XhPinInputRoot: import("vue").DefineComponent<import("vue").Extrac
   size: Size;
   disabled: boolean;
   translations: Partial<PinInputTranslations>;
-  variant: ControlVariant;
   placeholder: string;
+  variant: ControlVariant;
   mask: boolean;
   otp: boolean;
   blurOnComplete: boolean;

package/dist/components/popconfirm/popconfirm.d.ts

@@ -87,9 +87,9 @@ declare const XhPopconfirmRoot: import("vue").DefineComponent<import("vue").Extr
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
   size: Size;
-  offset: number;
   open: boolean;
   defaultOpen: boolean;
+  offset: number;
   placement: Placement;
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;

package/dist/components/popover/popover.d.ts

@@ -84,10 +84,10 @@ declare const XhPopoverRoot: import("vue").DefineComponent<import("vue").Extract
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
   size: Size;
-  offset: number;
-  translations: Partial<import("@xihan-ui/headless").PopoverTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
+  translations: Partial<import("@xihan-ui/headless").PopoverTranslations> | undefined;
+  offset: number;
   placement: Placement;
   modal: boolean;
   closeOnEscape: boolean;

package/dist/components/popselect/popselect.d.ts

@@ -155,13 +155,13 @@ declare const XhPopselectRoot: import("vue").DefineComponent<import("vue").Extra
   tone: Tone;
   size: Size;
   disabled: boolean;
-  offset: number;
-  translations: Partial<PopselectTranslations>;
   open: boolean;
   defaultOpen: boolean;
-  variant: ControlVariant;
+  translations: Partial<PopselectTranslations>;
+  offset: number;
   loop: boolean;
   placement: Placement;
+  variant: ControlVariant;
   typeahead: boolean;
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;

package/dist/components/popselect/popselect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popselect.d.ts","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"mappings":";;;;;;;KAYY,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;IAIK,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;IAxBJ,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCA4B/C;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;qCAuB7B;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAgBhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoC1B;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"popselect.d.ts","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"mappings":";;;;;;;KAaY,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;IAIK,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;IAxBJ,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;IAKlB,MAAA,SAAS;;;;;;;;;IAGH,MAAA,SAAS;;;;;;;;;;;;;;;;IAIX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCA4B/C;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;qCAuB7B;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAgBhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAY7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoC1B;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/popselect/popselect.js

@@ -1,3 +1,4 @@
+import { withXhConfig } from "../../config/config.js";
 import { useScrollbars } from "../../runtime/use-scrollbars.js";
 import { mergeIntoChild } from "../../runtime/as-child.js";
 import { providePopselect, providePopselectItem, usePopselectContext, usePopselectItemContext } from "./context.js";
@@ -79,7 +80,7 @@ const XhPopselectRoot = defineComponent({
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
-		const ctx = usePopselect(props, {
+		const ctx = usePopselect(withXhConfig("popselect", props), {
 			onValueChange: (details) => {
 				emit("value-change", details);
 				emit("update:value", details.value);

package/dist/components/popselect/popselect.js.map

@@ -1 +1 @@
-{"version":3,"file":"popselect.js","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"sourcesContent":["import type { PopselectApi, PopselectItemProps, PopselectNode, PopselectNodeMeta, PopselectTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { PopselectNotifiers, PopselectRootProps } from './use-popselect'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, Teleport, watch } from 'vue'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopselect, providePopselectItem, usePopselectContext, usePopselectItemContext } from './context'\nimport { usePopselect } from './use-popselect'\n\n/** 默认插槽的载荷：浮层开合、选中集合与条目数据，以及改动它们的方法。 */\nexport type PopselectRootSlotProps = Pick<\n  PopselectApi,\n  'open' | 'value' | 'collection' | 'focusedValue' | 'canClear' | 'isSelected' | 'setOpen' | 'setValue' | 'select' | 'clear'\n>\n\nexport const XhPopselectRoot = defineComponent({\n  name: 'XhPopselectRoot',\n  // 有 connect 或机器兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<PopselectNode[]>, default: undefined },\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    multiple: Boolean,\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    typeahead: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    closeOnEscape: { type: Boolean, default: undefined },\n    closeOnInteractOutside: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<PopselectTranslations>>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；回传的选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<PopselectNotifiers, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<PopselectNotifiers, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<PopselectNotifiers, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<PopselectNotifiers, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopselectRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopselectNotifiers = {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const ctx = usePopselect(props as PopselectRootProps, notify)\n    providePopselect(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      collection: ctx.api.value.collection,\n      focusedValue: ctx.api.value.focusedValue,\n      canClear: ctx.api.value.canClear,\n      isSelected: ctx.api.value.isSelected,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      select: ctx.api.value.select,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\n/** 盒：触发器与清空按钮在里面并排，描边、底色与聚焦环都长在它上面。 */\nexport const XhPopselectControl = defineComponent({\n  name: 'XhPopselectControl',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectTrigger = defineComponent({\n  name: 'XhPopselectTrigger',\n  props: {\n    /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    return () => {\n      const attrs = {\n        ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n      }\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, attrs, 'popselect')\n        if (merged)\n          return merged\n      }\n      return h('button', attrs, children)\n    }\n  },\n})\n\n/** 清空钮：盒里 trigger 的兄弟节点，有选中值才显出；没写内容时由皮肤画叉。 */\nexport const XhPopselectClearTrigger = defineComponent({\n  name: 'XhPopselectClearTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectPositioner = defineComponent({\n  name: 'XhPopselectPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = usePopselectContext()\n    // 候选列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value })\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(Teleport, { to: ctx.portalTarget.value }, [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhPopselectContent = defineComponent({\n  name: 'XhPopselectContent',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: ctx.visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.() ?? renderItems(ctx.api.value.collection, slots.item))\n  },\n})\n\nexport const XhPopselectItem = defineComponent({\n  name: 'XhPopselectItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    const item = computed<PopselectItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    providePopselectItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPopselectItemText = defineComponent({\n  name: 'XhPopselectItemText',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectItemIndicator = defineComponent({\n  name: 'XhPopselectItemIndicator',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 浮层里没写默认插槽时按 collection 铺开的条目，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要在条目之外放别的节点就写默认插槽。\n */\nfunction renderItems(\n  collection: readonly PopselectNodeMeta[],\n  itemSlot?: (node: PopselectNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node =>\n    h(XhPopselectItem, { key: node.value, value: node.value }, () => [\n      h(XhPopselectItemText, null, () => itemSlot?.(node) ?? node.label),\n      h(XhPopselectItemIndicator),\n    ]),\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"popselect.js","names":[],"sources":["../../../src/components/popselect/popselect.ts"],"sourcesContent":["import type { PopselectApi, PopselectItemProps, PopselectNode, PopselectNodeMeta, PopselectTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { PopselectNotifiers, PopselectRootProps } from './use-popselect'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, Teleport, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePopselect, providePopselectItem, usePopselectContext, usePopselectItemContext } from './context'\nimport { usePopselect } from './use-popselect'\n\n/** 默认插槽的载荷：浮层开合、选中集合与条目数据，以及改动它们的方法。 */\nexport type PopselectRootSlotProps = Pick<\n  PopselectApi,\n  'open' | 'value' | 'collection' | 'focusedValue' | 'canClear' | 'isSelected' | 'setOpen' | 'setValue' | 'select' | 'clear'\n>\n\nexport const XhPopselectRoot = defineComponent({\n  name: 'XhPopselectRoot',\n  // 有 connect 或机器兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<PopselectNode[]>, default: undefined },\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    multiple: Boolean,\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    typeahead: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    closeOnEscape: { type: Boolean, default: undefined },\n    closeOnInteractOutside: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<PopselectTranslations>>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；回传的选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<PopselectNotifiers, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<PopselectNotifiers, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<PopselectNotifiers, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<PopselectNotifiers, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PopselectRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PopselectNotifiers = {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const ctx = usePopselect(withXhConfig('popselect', props) as PopselectRootProps, notify)\n    providePopselect(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      collection: ctx.api.value.collection,\n      focusedValue: ctx.api.value.focusedValue,\n      canClear: ctx.api.value.canClear,\n      isSelected: ctx.api.value.isSelected,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      select: ctx.api.value.select,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\n/** 盒：触发器与清空按钮在里面并排，描边、底色与聚焦环都长在它上面。 */\nexport const XhPopselectControl = defineComponent({\n  name: 'XhPopselectControl',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectTrigger = defineComponent({\n  name: 'XhPopselectTrigger',\n  props: {\n    /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    return () => {\n      const attrs = {\n        ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n      }\n      const children = slots.default?.()\n      // asChild：把触发器属性合到作者的节点上，不再自己渲染包裹元素\n      if (props.asChild) {\n        const merged = mergeIntoChild(children, attrs, 'popselect')\n        if (merged)\n          return merged\n      }\n      return h('button', attrs, children)\n    }\n  },\n})\n\n/** 清空钮：盒里 trigger 的兄弟节点，有选中值才显出；没写内容时由皮肤画叉。 */\nexport const XhPopselectClearTrigger = defineComponent({\n  name: 'XhPopselectClearTrigger',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectPositioner = defineComponent({\n  name: 'XhPopselectPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = usePopselectContext()\n    // 候选列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value })\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(Teleport, { to: ctx.portalTarget.value }, [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhPopselectContent = defineComponent({\n  name: 'XhPopselectContent',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n      // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n      style: ctx.visible.value ? undefined : { display: 'none' },\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.() ?? renderItems(ctx.api.value.collection, slots.item))\n  },\n})\n\nexport const XhPopselectItem = defineComponent({\n  name: 'XhPopselectItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = usePopselectContext()\n    const item = computed<PopselectItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    providePopselectItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { listbox } = ctx\n      if (listbox.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && listbox.scope.getActiveElement() === itemEl.value)\n        listbox.send({ type: 'LIST.BLUR' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPopselectItemText = defineComponent({\n  name: 'XhPopselectItemText',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPopselectItemIndicator = defineComponent({\n  name: 'XhPopselectItemIndicator',\n  setup(_, { slots }) {\n    const ctx = usePopselectContext()\n    const { item } = usePopselectItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 浮层里没写默认插槽时按 collection 铺开的条目，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要在条目之外放别的节点就写默认插槽。\n */\nfunction renderItems(\n  collection: readonly PopselectNodeMeta[],\n  itemSlot?: (node: PopselectNodeMeta) => VNode[],\n): VNode[] {\n  return collection.map(node =>\n    h(XhPopselectItem, { key: node.value, value: node.value }, () => [\n      h(XhPopselectItemText, null, () => itemSlot?.(node) ?? node.label),\n      h(XhPopselectItemIndicator),\n    ]),\n  )\n}\n"],"mappings":"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"}

package/dist/components/resizable/context.d.ts

@@ -0,0 +1,7 @@
+import { ResizableContext } from "./use-resizable.js";
+//#region src/components/resizable/context.d.ts
+declare function provideResizable(ctx: ResizableContext): void;
+declare function useResizableContext(): ResizableContext;
+//#endregion
+export { provideResizable, useResizableContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/resizable/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/resizable/context.ts"],"mappings":";;iBAMgB,iBAAiB,KAAK;iBAItB,uBAAuB"}

package/dist/components/resizable/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/resizable/context.ts
+const KEY = Symbol.for("xh-resizable");
+function provideResizable(ctx) {
+	provide(KEY, ctx);
+}
+function useResizableContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] Resizable 部件必须用在 XhResizableRoot 内");
+	return ctx;
+}
+//#endregion
+export { provideResizable, useResizableContext };
+
+//# sourceMappingURL=context.js.map

package/dist/components/resizable/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/resizable/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ResizableContext } from './use-resizable'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ResizableContext> = Symbol.for('xh-resizable')\n\nexport function provideResizable(ctx: ResizableContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useResizableContext(): ResizableContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Resizable 部件必须用在 XhResizableRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,IAAI,cAAc;AAErE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/resizable/resizable.d.ts

@@ -0,0 +1,174 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ResizableOffset, ResizableSchema, ResizableSize, ResizableTranslations } from "@xihan-ui/headless";
+import { Direction } from "@xihan-ui/kernel";
+import { ResizeEdge } from "@xihan-ui/pointer";
+//#region src/components/resizable/resizable.d.ts
+type ResizableProps = ResizableSchema['props'];
+/** 默认插槽的载荷：当前尺寸、位移与调整态。 */
+interface ResizableRootSlotProps {
+  size: ResizableSize;
+  offset: ResizableOffset;
+  resizing: boolean;
+  activeEdge: ResizeEdge | null;
+}
+declare const XhResizableRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  size: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  defaultSize: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  minWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  minHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  aspectRatio: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  step: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardLargeStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  edges: {
+    type: PropType<ResizeEdge[]>;
+    default: undefined;
+  };
+  disabled: BooleanConstructor;
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<ResizableTranslations>>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'size-change': (_details: PayloadOf<ResizableProps, "onSizeChange">) => true;
+  'update:size': (_size: PayloadOf<ResizableProps, "onSizeChange">["size"]) => true;
+  'size-change-end': (_details: PayloadOf<ResizableProps, "onSizeChangeEnd">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  size: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  defaultSize: {
+    type: PropType<ResizableSize>;
+    default: undefined;
+  };
+  minWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  minHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxWidth: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  maxHeight: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  aspectRatio: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  step: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  keyboardLargeStep: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  edges: {
+    type: PropType<ResizeEdge[]>;
+    default: undefined;
+  };
+  disabled: BooleanConstructor;
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<ResizableTranslations>>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onSize-change"?: ((_details: import("@xihan-ui/headless").ResizableSizeChangeDetails) => any) | undefined;
+  "onUpdate:size"?: ((_size: ResizableSize) => any) | undefined;
+  "onSize-change-end"?: ((_details: import("@xihan-ui/headless").ResizableSizeChangeEndDetails) => any) | undefined;
+}>, {
+  dir: Direction;
+  size: ResizableSize;
+  disabled: boolean;
+  translations: Partial<ResizableTranslations>;
+  defaultSize: ResizableSize;
+  aspectRatio: number;
+  minWidth: number;
+  minHeight: number;
+  step: number;
+  maxWidth: number;
+  maxHeight: number;
+  keyboardStep: number;
+  keyboardLargeStep: number;
+  edges: ResizeEdge[];
+}, SlotsType<{
+  default?: (props: ResizableRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 一条边上的把手。
+ *
+ * 推西边与北边时容器的起点会动，那段位移写成 root 的 left / top——皮肤已给
+ * `position: relative`，开箱即对。把 root 改成 static 会让这两个方向只变尺寸不移位。
+ */
+declare const XhResizableHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  edge: {
+    type: PropType<ResizeEdge>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  edge: {
+    type: PropType<ResizeEdge>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, SlotsType<{
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ResizableRootSlotProps, XhResizableHandle, XhResizableRoot };
+//# sourceMappingURL=resizable.d.ts.map

package/dist/components/resizable/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../../src/components/resizable/resizable.ts"],"mappings":";;;;;;KAUK,iBAAiB;;UAGL;EACf,MAAM;EACN,QAAQ;EACR;EACA,YAAY;;cAGD,+BAAe,8BAAA;;IAGA,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAShB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;IACA,MAAA,SAAS,QAAQ;;;;;;EAKvB,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACH,oBAAA,UAAA,UAAU;;;IApBhB,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAShB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;IACA,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;EAUvC,WAAC,OAAO,2BAA2B;kCAoB/C;;;;;;;cAQW,iCAAiB,8BAAA;;IAGF,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;EAGvB,gBAAM;kCAUlB"}