@skdx/vue 0.26.0

package/dist/dropdown-menu/DropdownMenuArrow.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Optional visual arrow pointing from `SkdxDropdownMenuContent` back at the
+ * trigger. Must be rendered inside `SkdxDropdownMenuContent`; self-positions
+ * based on the resolved `side`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuArrow.vue.js

@@ -0,0 +1 @@
+import r from"./DropdownMenuArrow.vue_vue_type_script_setup_true_lang.js";var e=r;export{e as default};

package/dist/dropdown-menu/DropdownMenuArrow.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const t=require("../utils/popper.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"DropdownMenuArrow",setup(l){const r=(0,e.inject)(t.ARROW_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuArrow must be used within SkdxDropdownMenuContent.");const n=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setArrowEl(n.value)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(o,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-dropdown-menu__arrow","data-part":"arrow",ref_key:"elRef",ref:n,style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(o.$slots,"default")],4))}});exports.default=u;

package/dist/dropdown-menu/DropdownMenuArrow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ARROW_CONTEXT as e}from"../utils/popper.js";import{createElementBlock as r,defineComponent as o,inject as n,normalizeStyle as t,onBeforeUnmount as s,onMounted as a,openBlock as l,ref as u,renderSlot as d,unref as p}from"vue";var w=/* @__PURE__ */o({__name:"DropdownMenuArrow",setup(o){const w=n(e);if(!w)throw new Error("SkdxDropdownMenuArrow must be used within SkdxDropdownMenuContent.");const f=u(null);return a(()=>w.setArrowEl(f.value)),s(()=>w.setArrowEl(null)),(e,o)=>(l(),r("span",{class:"skdx-dropdown-menu__arrow","data-part":"arrow",ref_key:"elRef",ref:f,style:t(p(w).style.value)},[d(e.$slots,"default")],4))}});export{w as default};

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue.d.cts

@@ -0,0 +1,45 @@
+/**
+ * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
+ * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
+ * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
+ * (or `@checked-change`), or left unbound so the item tracks its own state
+ * from `defaultChecked` — and, unlike `SkdxDropdownMenuItem`, always keeps the
+ * menu open (calls `event.preventDefault()` internally). Wrap a
+ * `SkdxDropdownMenuItemIndicator` inside it to render a check glyph only when
+ * checked.
+ */
+type __VLS_Props = {
+    /**
+     * Whether the item is currently checked or unchecked, for controlled
+     * usage. Pair with `v-model:checked` or `@checked-change`.
+     */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts

@@ -0,0 +1,45 @@
+/**
+ * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
+ * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
+ * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
+ * (or `@checked-change`), or left unbound so the item tracks its own state
+ * from `defaultChecked` — and, unlike `SkdxDropdownMenuItem`, always keeps the
+ * menu open (calls `event.preventDefault()` internally). Wrap a
+ * `SkdxDropdownMenuItemIndicator` inside it to render a check glyph only when
+ * checked.
+ */
+type __VLS_Props = {
+    /**
+     * Whether the item is currently checked or unchecked, for controlled
+     * usage. Pair with `v-model:checked` or `@checked-change`.
+     */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue.js

@@ -0,0 +1 @@
+import e from"./DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const p=require("./context.cjs"),_=require("../utils/useMenuItem.cjs");let e=require("vue");var C=["aria-checked","data-state"],x=(0,e.defineComponent)({__name:"DropdownMenuCheckboxItem",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(m,{emit:h}){const o=m,c=h,r=(0,e.inject)(p.DROPDOWN_MENU_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuCheckboxItem must be used within SkdxDropdownMenu.");const l=(0,e.ref)(o.defaultChecked),a=(0,e.computed)(()=>o.checked!==void 0),d=(0,e.computed)(()=>a.value?o.checked:l.value),{itemAttrs:v,onItemClick:s,onItemKeydown:i,onItemPointerenter:f,onItemPointerleave:k}=_.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),onSelect:u=>{const t=!d.value;a.value||(l.value=t),c("update:checked",t),c("checked-change",t),c("select",u),u.preventDefault()},onSelected:()=>{r.setOpen(!1),r.triggerRef.value?.focus()},contentRef:r.contentRef});return(0,e.provide)(p.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT,d),(u,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-dropdown-menu__checkbox-item","data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":d.value,"data-state":d.value?"checked":"unchecked"},(0,e.unref)(v),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(f)&&(0,e.unref)(f)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(k)&&(0,e.unref)(k)(...n))}),[(0,e.renderSlot)(u.$slots,"default")],16,C))}});exports.default=x;

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{DROPDOWN_MENU_CONTEXT as e,DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT as t}from"./context.js";import{useMenuItem as o}from"../utils/useMenuItem.js";import{computed as a,createElementBlock as n,defineComponent as c,inject as d,mergeProps as s,openBlock as r,provide as l,ref as u,renderSlot as i,toRef as m,unref as k}from"vue";var p=["aria-checked","data-state"],h=/* @__PURE__ */c({__name:"DropdownMenuCheckboxItem",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(c,{emit:h}){const f=c,v=h,I=d(e);if(!I)throw new Error("SkdxDropdownMenuCheckboxItem must be used within SkdxDropdownMenu.");const x=u(f.defaultChecked),C=a(()=>void 0!==f.checked),_=a(()=>C.value?f.checked:x.value),{itemAttrs:b,onItemClick:w,onItemKeydown:D,onItemPointerenter:M,onItemPointerleave:O}=o({disabled:m(f,"disabled"),onSelect:e=>{const t=!_.value;C.value||(x.value=t),v("update:checked",t),v("checked-change",t),v("select",e),e.preventDefault()},onSelected:()=>{I.setOpen(!1),I.triggerRef.value?.focus()},contentRef:I.contentRef});return l(t,_),(e,t)=>(r(),n("div",s({class:"skdx-dropdown-menu__checkbox-item","data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":_.value,"data-state":_.value?"checked":"unchecked"},k(b),{onClick:t[0]||(t[0]=(...e)=>k(w)&&k(w)(...e)),onKeydown:t[1]||(t[1]=(...e)=>k(D)&&k(D)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>k(M)&&k(M)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>k(O)&&k(O)(...e))}),[i(e.$slots,"default")],16,p))}});export{h as default};

package/dist/dropdown-menu/DropdownMenuContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/dropdown-menu/DropdownMenuContent.vue.d.cts

@@ -0,0 +1,81 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
+ * and `data-state` (`open`/`closed`), positioned via the shared popper layer
+ * against the trigger using `side` (defaults to `'bottom'`) / `align`
+ * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
+ * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
+ * `false` — against `collisionBoundary` when one is given, otherwise the
+ * panel's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
+ * the resolved placement, and the measurement custom properties
+ * `--skdx-dropdown-menu-available-width` / `-available-height` /
+ * `-trigger-width` / `-transform-origin`, so the panel can be sized and
+ * animated from CSS without measuring anything by hand.
+ *
+ * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
+ * `false`) with typeahead, focuses the first item on open, and closes on
+ * Escape, an outside interaction (pointer-down or focus moving out), or Tab
+ * (per the WAI-ARIA menu pattern) unless `escape-key-down`/
+ * `pointer-down-outside`/`focus-outside`/`interact-outside` call
+ * `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the
+ * same event object, so one veto covers both. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the panel on. */
+    side?: Side;
+    /** Alignment of the panel relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the panel and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the panel to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors. Use it to keep the panel inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    loop: boolean;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuContent.vue.d.ts

@@ -0,0 +1,81 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
+ * and `data-state` (`open`/`closed`), positioned via the shared popper layer
+ * against the trigger using `side` (defaults to `'bottom'`) / `align`
+ * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
+ * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
+ * `false` — against `collisionBoundary` when one is given, otherwise the
+ * panel's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
+ * the resolved placement, and the measurement custom properties
+ * `--skdx-dropdown-menu-available-width` / `-available-height` /
+ * `-trigger-width` / `-transform-origin`, so the panel can be sized and
+ * animated from CSS without measuring anything by hand.
+ *
+ * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
+ * `false`) with typeahead, focuses the first item on open, and closes on
+ * Escape, an outside interaction (pointer-down or focus moving out), or Tab
+ * (per the WAI-ARIA menu pattern) unless `escape-key-down`/
+ * `pointer-down-outside`/`focus-outside`/`interact-outside` call
+ * `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the
+ * same event object, so one veto covers both. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the panel on. */
+    side?: Side;
+    /** Alignment of the panel relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the panel and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the panel to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors. Use it to keep the panel inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    loop: boolean;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuContent.vue.js

@@ -0,0 +1 @@
+import e from"./DropdownMenuContent.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/dropdown-menu/DropdownMenuContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const R=require("../utils/composeRefs.cjs"),v=require("../utils/useDismiss.cjs"),g=require("../utils/useRovingFocus.cjs"),s=require("../utils/popper.cjs"),u=require("./context.cjs"),E=require("../utils/useFocusFirstItemOnOpen.cjs");let t=require("vue");var D=["id","data-state","data-side","data-align"],q=(0,t.defineComponent)({__name:"DropdownMenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(i,{emit:c}){const a=i,n=c,o=(0,t.inject)(u.DROPDOWN_MENU_CONTEXT);if(!o)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const d=(0,t.inject)(s.POPPER_CONTEXT);if(!d)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const r=(0,t.ref)(null),l=(0,t.ref)(null),f=R.composeRefs(r,o.contentRef),p=g.useRovingFocus({orientation:"vertical",loop:a.loop,itemSelector:u.ITEM_SELECTOR,typeahead:!0});v.useDismiss({enabled:o.open,onEscapeKeyDown:e=>{n("escape-key-down",e),e.defaultPrevented||(o.setOpen(!1),o.triggerRef.value?.focus())},onPointerDownOutside:e=>{n("pointer-down-outside",e),e.defaultPrevented||o.setOpen(!1)},onFocusOutside:e=>{n("focus-outside",e),e.defaultPrevented||o.setOpen(!1)},onInteractOutside:e=>n("interact-outside",e)},[r,o.triggerRef]),E.useFocusFirstItemOnOpen(r,o.open,u.ITEM_SELECTOR);const{style:w,arrowStyle:_,placedSide:m,placedAlign:O}=s.usePopperPosition(d.anchor,r,o.open,()=>({...a,component:"dropdown-menu"}),l);(0,t.provide)(s.ARROW_CONTEXT,{style:_,setArrowEl:e=>{l.value=e}});function y(e){p(e),e.key==="Tab"&&(e.preventDefault(),o.setOpen(!1),o.triggerRef.value?.focus())}return(e,C)=>i.forceMount||(0,t.unref)(o).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:(0,t.unref)(o).contentId,ref:(0,t.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,t.unref)(o).open.value?"open":"closed","data-side":(0,t.unref)(m),"data-align":(0,t.unref)(O),style:(0,t.normalizeStyle)((0,t.unref)(w)),onKeydown:y},[(0,t.renderSlot)(e.$slots,"default")],44,D)):(0,t.createCommentVNode)("",!0)}});exports.default=q;

package/dist/dropdown-menu/DropdownMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as o}from"../utils/useDismiss.js";import{useRovingFocus as t}from"../utils/useRovingFocus.js";import{ARROW_CONTEXT as n,POPPER_CONTEXT as s,usePopperPosition as a}from"../utils/popper.js";import{DROPDOWN_MENU_CONTEXT as i,ITEM_SELECTOR as r}from"./context.js";import{useFocusFirstItemOnOpen as d}from"../utils/useFocusFirstItemOnOpen.js";import{createCommentVNode as u,createElementBlock as l,defineComponent as p,inject as c,normalizeStyle as f,openBlock as m,provide as w,ref as O,renderSlot as v,unref as y}from"vue";var g=["id","data-state","data-side","data-align"],E=/* @__PURE__ */p({__name:"DropdownMenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(p,{emit:E}){const R=p,D=E,k=c(i);if(!k)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const P=c(s);if(!P)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const C=O(null),S=O(null),M=e(C,k.contentRef),T=t({orientation:"vertical",loop:R.loop,itemSelector:r,typeahead:!0});o({enabled:k.open,onEscapeKeyDown:e=>{D("escape-key-down",e),e.defaultPrevented||(k.setOpen(!1),k.triggerRef.value?.focus())},onPointerDownOutside:e=>{D("pointer-down-outside",e),e.defaultPrevented||k.setOpen(!1)},onFocusOutside:e=>{D("focus-outside",e),e.defaultPrevented||k.setOpen(!1)},onInteractOutside:e=>D("interact-outside",e)},[C,k.triggerRef]),d(C,k.open,r);const{style:_,arrowStyle:x,placedSide:j,placedAlign:F}=a(P.anchor,C,k.open,()=>({...R,component:"dropdown-menu"}),S);function b(e){T(e),"Tab"===e.key&&(e.preventDefault(),k.setOpen(!1),k.triggerRef.value?.focus())}return w(n,{style:x,setArrowEl:e=>{S.value=e}}),(e,o)=>p.forceMount||y(k).open.value?(m(),l("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:y(k).contentId,ref:y(M),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":y(k).open.value?"open":"closed","data-side":y(j),"data-align":y(F),style:f(y(_)),onKeydown:b},[v(e.$slots,"default")],44,g)):u("",!0)}});export{E as default};

package/dist/dropdown-menu/DropdownMenuGroup.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuGroup.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/dropdown-menu/DropdownMenuGroup.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Semantic grouping of related items: renders a `<div role="group">`.
+ * Pair with a preceding `SkdxDropdownMenuLabel` to caption the group.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuGroup.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Semantic grouping of related items: renders a `<div role="group">`.
+ * Pair with a preceding `SkdxDropdownMenuLabel` to caption the group.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuGroup.vue.js

@@ -0,0 +1 @@
+import e from"./DropdownMenuGroup.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/dropdown-menu/DropdownMenuGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var o={class:"skdx-dropdown-menu__group","data-part":"group",role:"group"},u=(0,e.defineComponent)({__name:"DropdownMenuGroup",setup(t){return(r,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",o,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=u;

package/dist/dropdown-menu/DropdownMenuGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as o,openBlock as r,renderSlot as a}from"vue";var p={class:"skdx-dropdown-menu__group","data-part":"group",role:"group"},t=/* @__PURE__ */o({__name:"DropdownMenuGroup",setup:o=>(o,t)=>(r(),e("div",p,[a(o.$slots,"default")]))});export{t as default};

package/dist/dropdown-menu/DropdownMenuItem.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuItem.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/dropdown-menu/DropdownMenuItem.vue.d.cts

@@ -0,0 +1,29 @@
+/**
+ * A single selectable menu item: `role="menuitem"`, participates in the
+ * content's roving-focus/typeahead navigation. Selecting it (click,
+ * Enter, or Space) fires `select` and closes the menu, returning focus to
+ * the trigger, unless the `select` listener calls `event.preventDefault()`.
+ * Set `disabled` to exclude it from navigation and selection.
+ */
+type __VLS_Props = {
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A single selectable menu item: `role="menuitem"`, participates in the
+ * content's roving-focus/typeahead navigation. Selecting it (click,
+ * Enter, or Space) fires `select` and closes the menu, returning focus to
+ * the trigger, unless the `select` listener calls `event.preventDefault()`.
+ * Set `disabled` to exclude it from navigation and selection.
+ */
+type __VLS_Props = {
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuItem.vue.js

@@ -0,0 +1 @@
+import e from"./DropdownMenuItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/dropdown-menu/DropdownMenuItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const w=require("./context.cjs"),c=require("../utils/useMenuItem.cjs");let e=require("vue");var I=(0,e.defineComponent)({__name:"DropdownMenuItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(d,{emit:m}){const f=d,p=m,o=(0,e.inject)(w.DROPDOWN_MENU_CONTEXT);if(!o)throw new Error("SkdxDropdownMenuItem must be used within SkdxDropdownMenu.");const{itemAttrs:a,onItemClick:u,onItemKeydown:s,onItemPointerenter:i,onItemPointerleave:l}=c.useMenuItem({disabled:(0,e.toRef)(f,"disabled"),onSelect:r=>p("select",r),onSelected:()=>{o.setOpen(!1),o.triggerRef.value?.focus()},contentRef:o.contentRef});return(r,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-dropdown-menu__item","data-part":"item",role:"menuitem"},(0,e.unref)(a),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(l)&&(0,e.unref)(l)(...n))}),[(0,e.renderSlot)(r.$slots,"default")],16))}});exports.default=I;

package/dist/dropdown-menu/DropdownMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{DROPDOWN_MENU_CONTEXT as e}from"./context.js";import{useMenuItem as t}from"../utils/useMenuItem.js";import{createElementBlock as o,defineComponent as n,inject as s,mergeProps as r,openBlock as a,renderSlot as m,toRef as i,unref as d}from"vue";var l=/* @__PURE__ */n({__name:"DropdownMenuItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(n,{emit:l}){const u=n,c=l,p=s(e);if(!p)throw new Error("SkdxDropdownMenuItem must be used within SkdxDropdownMenu.");const{itemAttrs:f,onItemClick:w,onItemKeydown:I,onItemPointerenter:k,onItemPointerleave:v}=t({disabled:i(u,"disabled"),onSelect:e=>c("select",e),onSelected:()=>{p.setOpen(!1),p.triggerRef.value?.focus()},contentRef:p.contentRef});return(e,t)=>(a(),o("div",r({class:"skdx-dropdown-menu__item","data-part":"item",role:"menuitem"},d(f),{onClick:t[0]||(t[0]=(...e)=>d(w)&&d(w)(...e)),onKeydown:t[1]||(t[1]=(...e)=>d(I)&&d(I)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>d(k)&&d(k)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>d(v)&&d(v)(...e))}),[m(e.$slots,"default")],16))}});export{l as default};

package/dist/dropdown-menu/DropdownMenuItemIndicator.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuItemIndicator.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/dropdown-menu/DropdownMenuItemIndicator.vue.d.cts

@@ -0,0 +1,24 @@
+/**
+ * Renders its children (typically a check glyph) only while the enclosing
+ * `SkdxDropdownMenuCheckboxItem` or `SkdxDropdownMenuRadioItem` is checked.
+ * Exposes `data-state` (`checked`/`unchecked`). Mounts only while checked
+ * unless `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Render even while unchecked, instead of unmounting. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuItemIndicator.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Renders its children (typically a check glyph) only while the enclosing
+ * `SkdxDropdownMenuCheckboxItem` or `SkdxDropdownMenuRadioItem` is checked.
+ * Exposes `data-state` (`checked`/`unchecked`). Mounts only while checked
+ * unless `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Render even while unchecked, instead of unmounting. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuItemIndicator.vue.js

@@ -0,0 +1 @@
+import e from"./DropdownMenuItemIndicator.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/dropdown-menu/DropdownMenuItemIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var a=["data-state"],c=(0,e.defineComponent)({__name:"DropdownMenuItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=(0,e.inject)(o.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT,(0,e.ref)(!1));return(n,u)=>r.forceMount||(0,e.unref)(t)?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-dropdown-menu__item-indicator","data-part":"item-indicator","data-state":(0,e.unref)(t)?"checked":"unchecked"},[(0,e.renderSlot)(n.$slots,"default")],8,a)):(0,e.createCommentVNode)("",!0)}});exports.default=c;

package/dist/dropdown-menu/DropdownMenuItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as o,inject as n,openBlock as r,ref as s,renderSlot as d,unref as c}from"vue";var m=["data-state"],p=/* @__PURE__ */o({__name:"DropdownMenuItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const p=n(e,s(!1));return(e,n)=>o.forceMount||c(p)?(r(),a("span",{key:0,class:"skdx-dropdown-menu__item-indicator","data-part":"item-indicator","data-state":c(p)?"checked":"unchecked"},[d(e.$slots,"default")],8,m)):t("",!0)}});export{p as default};

package/dist/dropdown-menu/DropdownMenuLabel.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuLabel.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/dropdown-menu/DropdownMenuLabel.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Non-interactive heading for a group of items, typically preceding a
+ * `SkdxDropdownMenuGroup`. Renders a plain `<div>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuLabel.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Non-interactive heading for a group of items, typically preceding a
+ * `SkdxDropdownMenuGroup`. Renders a plain `<div>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown-menu/DropdownMenuLabel.vue.js

@@ -0,0 +1 @@
+import e from"./DropdownMenuLabel.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/dropdown-menu/DropdownMenuLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-dropdown-menu__label","data-part":"label"},a=(0,e.defineComponent)({__name:"DropdownMenuLabel",setup(l){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;

package/dist/dropdown-menu/DropdownMenuLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as o,renderSlot as l}from"vue";var t={class:"skdx-dropdown-menu__label","data-part":"label"},n=/* @__PURE__ */a({__name:"DropdownMenuLabel",setup:a=>(a,n)=>(o(),e("div",t,[l(a.$slots,"default")]))});export{n as default};

package/dist/dropdown-menu/DropdownMenuPortal.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DropdownMenuPortal.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/dropdown-menu/DropdownMenuPortal.vue.d.cts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports `SkdxDropdownMenuContent` to `document.body` (or a custom `container`), so the menu
+ * escapes any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render the portal even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};