@openpen/module-api 1.1.1 → 1.3.0

package/dist/uikit/index.js

@@ -0,0 +1,898 @@
+import { defineComponent, onMounted, inject, computed, watch, useTemplateRef, ref, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createElementBlock, Fragment, renderList, createElementVNode, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent, PopoverArrow, SliderRoot, SliderTrack, SliderRange, SliderThumb, SwitchRoot, SwitchThumb, RadioGroupRoot, RadioGroupItem, SelectRoot, SelectTrigger, SelectValue, SelectIcon, SelectPortal, SelectContent, SelectViewport, SelectItem, SelectItemIndicator, SelectItemText, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, TabsRoot, TabsList, TabsTrigger, TabsContent } from "reka-ui";
+import { ComboboxAnchor, ComboboxArrow, ComboboxCancel, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxSeparator, ComboboxTrigger, ComboboxViewport, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PopoverAnchor, PopoverArrow as PopoverArrow2, PopoverClose, PopoverContent as PopoverContent2, PopoverPortal as PopoverPortal2, PopoverRoot as PopoverRoot2, PopoverTrigger as PopoverTrigger2, RadioGroupIndicator, RadioGroupItem as RadioGroupItem2, RadioGroupRoot as RadioGroupRoot2, SelectArrow, SelectContent as SelectContent2, SelectGroup, SelectIcon as SelectIcon2, SelectItem as SelectItem2, SelectItemIndicator as SelectItemIndicator2, SelectItemText as SelectItemText2, SelectLabel, SelectPortal as SelectPortal2, SelectRoot as SelectRoot2, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger2, SelectValue as SelectValue2, SelectViewport as SelectViewport2, SliderRange as SliderRange2, SliderRoot as SliderRoot2, SliderThumb as SliderThumb2, SliderTrack as SliderTrack2, SwitchRoot as SwitchRoot2, SwitchThumb as SwitchThumb2, TabsContent as TabsContent2, TabsList as TabsList2, TabsRoot as TabsRoot2, TabsTrigger as TabsTrigger2, TagsInputClear, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, TagsInputRoot, TooltipArrow as TooltipArrow2, TooltipContent as TooltipContent2, TooltipPortal as TooltipPortal2, TooltipProvider as TooltipProvider2, TooltipRoot as TooltipRoot2, TooltipTrigger as TooltipTrigger2 } from "reka-ui";
+import { W as WRAPPER_EL_KEY, M as MODAL_MANAGER_KEY, c as CONTROL_BAR_ANIMATING_KEY, P as POPOVER_PLACEMENT_HINT_KEY, I as IS_VERTICAL_KEY, S as SNAP_EDGE_KEY, T as TOOLTIP_FLIP_DOWN_KEY } from "../_chunks/inject-keys-CRXCpN-M.js";
+import "dompurify";
+import "zod";
+import { u as usePassthroughGuard } from "../_chunks/passthrough-DKU7JYuQ.js";
+import { D as DIALOG_PLUGIN_HANDLE_KEY } from "../_chunks/AppButtonDropdown.vue_vue_type_style_index_0_lang-B9dHU-LE.js";
+import { _, a, b, u } from "../_chunks/AppButtonDropdown.vue_vue_type_style_index_0_lang-B9dHU-LE.js";
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "AppPopover",
+  props: {
+    popoverId: {},
+    placement: { default: "auto" },
+    gap: { default: 8 }
+  },
+  setup(__props) {
+    const props = __props;
+    onMounted(() => {
+      return;
+    });
+    const wrapperElRef = inject(WRAPPER_EL_KEY);
+    const wrapperEl = computed(() => (wrapperElRef == null ? void 0 : wrapperElRef.value) ?? null);
+    const modalManager = inject(MODAL_MANAGER_KEY);
+    const animating = inject(CONTROL_BAR_ANIMATING_KEY);
+    const popoverPlacementHint = inject(POPOVER_PLACEMENT_HINT_KEY);
+    const isOpen = computed(() => (modalManager == null ? void 0 : modalManager.isOpen(props.popoverId)) ?? false);
+    function open() {
+      modalManager == null ? void 0 : modalManager.open(props.popoverId);
+    }
+    function close() {
+      modalManager == null ? void 0 : modalManager.close(props.popoverId);
+    }
+    function toggle() {
+      if (isOpen.value) {
+        close();
+      } else {
+        open();
+      }
+    }
+    function onUpdateOpen(v) {
+      if (v) {
+        open();
+      } else {
+        close();
+      }
+    }
+    watch(
+      () => animating == null ? void 0 : animating.value,
+      (isAnimating) => {
+        if (isAnimating && isOpen.value) {
+          close();
+        }
+      }
+    );
+    const rekaSide = computed(() => {
+      if (props.placement !== "auto") return props.placement;
+      return (popoverPlacementHint == null ? void 0 : popoverPlacementHint.value) ?? "bottom";
+    });
+    const contentInstance = useTemplateRef("content");
+    const contentEl = ref(null);
+    watch(contentInstance, (instance) => {
+      if (!instance) {
+        contentEl.value = null;
+      } else if (instance instanceof HTMLElement) {
+        contentEl.value = instance;
+      } else if (typeof instance === "object" && "$el" in instance && instance.$el instanceof HTMLElement) {
+        contentEl.value = instance.$el;
+      } else {
+        contentEl.value = null;
+      }
+    });
+    usePassthroughGuard(contentEl);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverRoot), {
+        open: isOpen.value,
+        "onUpdate:open": onUpdateOpen
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "trigger", {
+                active: isOpen.value,
+                toggle,
+                open,
+                close
+              })
+            ]),
+            _: 3
+          }),
+          createVNode(unref(PopoverPortal), {
+            to: wrapperEl.value ?? void 0
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(PopoverContent), {
+                ref: "content",
+                side: rekaSide.value,
+                "avoid-collisions": true,
+                "side-offset": props.gap,
+                class: "openpen-popover-content openpen-interactive",
+                "data-testid": "controlbar-popover"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "content"),
+                  createVNode(unref(PopoverArrow), {
+                    class: "openpen-popover-arrow",
+                    width: 14,
+                    height: 8
+                  })
+                ]),
+                _: 3
+              }, 8, ["side", "side-offset"])
+            ]),
+            _: 3
+          }, 8, ["to"])
+        ]),
+        _: 3
+      }, 8, ["open"]);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "AppSlider",
+  props: {
+    modelValue: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    width: { default: "100%" },
+    orientation: { default: "horizontal" },
+    trackHeight: { default: "4px" },
+    trackRadius: { default: "2px" },
+    thumbWidth: { default: "14px" },
+    thumbHeight: { default: "14px" },
+    thumbRadius: { default: "50%" },
+    inverted: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isVertical = computed(() => props.orientation === "vertical");
+    const rootStyle = computed(() => {
+      if (isVertical.value) {
+        return {
+          "--thumb-w": props.thumbWidth,
+          "--thumb-h": props.thumbHeight,
+          "--thumb-r": props.thumbRadius,
+          "--track-height": props.trackHeight,
+          "--track-radius": props.trackRadius,
+          height: props.width,
+          width: "16px"
+        };
+      }
+      return {
+        "--thumb-w": props.thumbWidth,
+        "--thumb-h": props.thumbHeight,
+        "--thumb-r": props.thumbRadius,
+        "--track-height": props.trackHeight,
+        "--track-radius": props.trackRadius,
+        width: props.width
+      };
+    });
+    function onValueChange(val) {
+      if (val && val.length > 0) {
+        emit("update:modelValue", val[0]);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SliderRoot), {
+        class: normalizeClass(["app-slider-root", { "app-slider-root--vertical": isVertical.value, "app-slider-root--inverted": __props.inverted }]),
+        "data-testid": "app-slider-root",
+        style: normalizeStyle(rootStyle.value),
+        "model-value": [__props.modelValue],
+        min: __props.min,
+        max: __props.max,
+        step: __props.step,
+        orientation: __props.orientation,
+        inverted: __props.inverted,
+        "onUpdate:modelValue": onValueChange
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(SliderTrack), {
+            class: "app-slider-track",
+            "data-testid": "app-slider-track"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(SliderRange), {
+                class: "app-slider-range",
+                "data-testid": "app-slider-range"
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(unref(SliderThumb), {
+            class: "app-slider-thumb",
+            "data-testid": "app-slider-thumb"
+          })
+        ]),
+        _: 1
+      }, 8, ["class", "style", "model-value", "min", "max", "step", "orientation", "inverted"]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const AppSlider = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-ae09a023"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "AppToggle",
+  props: {
+    modelValue: { type: Boolean },
+    ariaLabel: { default: "" },
+    testid: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onCheckedChange(val) {
+      emit("update:modelValue", val);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SwitchRoot), {
+        class: normalizeClass(["app-toggle", { on: __props.modelValue }]),
+        "model-value": __props.modelValue,
+        "aria-label": __props.ariaLabel,
+        "aria-pressed": __props.modelValue,
+        "data-testid": __props.testid,
+        "onUpdate:modelValue": onCheckedChange
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(SwitchThumb), { class: "app-toggle-thumb" })
+        ]),
+        _: 1
+      }, 8, ["class", "model-value", "aria-label", "aria-pressed", "data-testid"]);
+    };
+  }
+});
+const AppToggle = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d23dd615"]]);
+const _hoisted_1$3 = ["data-testid"];
+const _hoisted_2$1 = ["innerHTML"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "AppSegmented",
+  props: {
+    modelValue: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onValueChange(val) {
+      if (typeof val === "string") {
+        emit("update:modelValue", val);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(RadioGroupRoot), {
+        class: normalizeClass(["app-seg", { "app-seg--disabled": __props.disabled }]),
+        "data-testid": "app-seg",
+        "model-value": __props.modelValue,
+        disabled: __props.disabled,
+        orientation: "horizontal",
+        "onUpdate:modelValue": onValueChange
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+            return openBlock(), createBlock(unref(RadioGroupItem), {
+              key: opt.value,
+              value: opt.value,
+              "as-child": ""
+            }, {
+              default: withCtx(() => [
+                createElementVNode("button", {
+                  class: normalizeClass(["app-seg-btn", { active: __props.modelValue === opt.value }]),
+                  "data-testid": opt.testid
+                }, [
+                  opt.icon ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: "app-seg-icon",
+                    "aria-hidden": "true",
+                    innerHTML: opt.icon
+                  }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
+                  createElementVNode("span", null, toDisplayString(opt.label), 1)
+                ], 10, _hoisted_1$3)
+              ]),
+              _: 2
+            }, 1032, ["value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class", "model-value", "disabled"]);
+    };
+  }
+});
+const AppSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-eaacab1f"]]);
+function useDialogPluginComponent() {
+  const handle = inject(DIALOG_PLUGIN_HANDLE_KEY);
+  if (!handle) {
+    throw new Error(
+      "useDialogPluginComponent() must be called inside a component rendered via useDialog().custom()"
+    );
+  }
+  return handle;
+}
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "AppSelect",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onValueChange(v) {
+      emit("update:modelValue", v);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SelectRoot), {
+        "model-value": __props.modelValue,
+        disabled: __props.disabled,
+        "onUpdate:modelValue": onValueChange
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(SelectTrigger), { class: "openpen-select-trigger" }, {
+            default: withCtx(() => [
+              createVNode(unref(SelectValue), { placeholder: __props.placeholder }, null, 8, ["placeholder"]),
+              createVNode(unref(SelectIcon), {
+                class: "openpen-select-icon",
+                "aria-hidden": "true"
+              }, {
+                default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                  createElementVNode("svg", {
+                    width: "12",
+                    height: "12",
+                    viewBox: "0 0 12 12",
+                    fill: "none"
+                  }, [
+                    createElementVNode("path", {
+                      d: "M2 4L6 8L10 4",
+                      stroke: "currentColor",
+                      "stroke-width": "1.5",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    })
+                  ], -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(unref(SelectPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(SelectContent), {
+                class: "openpen-select-content",
+                position: "popper",
+                "side-offset": 4
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(SelectViewport), { class: "openpen-select-viewport" }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+                        return openBlock(), createBlock(unref(SelectItem), {
+                          key: option.value,
+                          value: option.value,
+                          class: "openpen-select-item"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(SelectItemIndicator), { class: "openpen-select-item-indicator" }, {
+                              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                                createElementVNode("svg", {
+                                  width: "12",
+                                  height: "12",
+                                  viewBox: "0 0 12 12",
+                                  fill: "none",
+                                  "aria-hidden": "true"
+                                }, [
+                                  createElementVNode("path", {
+                                    d: "M2 6L5 9L10 3",
+                                    stroke: "currentColor",
+                                    "stroke-width": "1.5",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round"
+                                  })
+                                ], -1)
+                              ])]),
+                              _: 1
+                            }),
+                            createVNode(unref(SelectItemText), null, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(option.label), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled"]);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "AppTooltip",
+  props: {
+    content: {},
+    side: { default: "top" },
+    delay: { default: 200 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipProvider), {
+        "delay-duration": props.delay
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(TooltipRoot), null, {
+            default: withCtx(() => [
+              createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }),
+              createVNode(unref(TooltipPortal), null, {
+                default: withCtx(() => [
+                  createVNode(unref(TooltipContent), {
+                    side: props.side,
+                    "side-offset": 6,
+                    "avoid-collisions": true,
+                    "collision-padding": 8,
+                    class: "openpen-tooltip-content"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(props.content) + " ", 1),
+                      createVNode(unref(TooltipArrow), {
+                        class: "openpen-tooltip-arrow",
+                        width: 10,
+                        height: 5
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["side"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["delay-duration"]);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "AppTabs",
+  props: {
+    modelValue: {},
+    tabs: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function onTabChange(val) {
+      if (typeof val === "string") {
+        emit("update:modelValue", val);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TabsRoot), {
+        "model-value": props.modelValue,
+        class: "openpen-tabs",
+        "onUpdate:modelValue": onTabChange
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(TabsList), { class: "openpen-tabs-list" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.tabs, (tab) => {
+                return openBlock(), createBlock(unref(TabsTrigger), {
+                  key: tab.id,
+                  value: tab.id,
+                  class: "openpen-tabs-trigger"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(tab.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]);
+              }), 128))
+            ]),
+            _: 1
+          }),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(props.tabs, (tab) => {
+            return openBlock(), createBlock(unref(TabsContent), {
+              key: tab.id,
+              value: tab.id,
+              class: "openpen-tabs-content"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {
+                  activeTabId: tab.id
+                }, void 0, true)
+              ]),
+              _: 2
+            }, 1032, ["value"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["model-value"]);
+    };
+  }
+});
+const AppTabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-5bab1555"]]);
+const _hoisted_1$2 = ["role"];
+const _hoisted_2 = {
+  class: "app-banner-icon",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = {
+  key: 0,
+  width: "15",
+  height: "15",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_4 = {
+  key: 1,
+  width: "15",
+  height: "15",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_5 = {
+  key: 2,
+  width: "15",
+  height: "15",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_6 = {
+  key: 3,
+  width: "15",
+  height: "15",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_7 = { class: "app-banner-body" };
+const _hoisted_8 = {
+  key: 0,
+  class: "app-banner-actions"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AppBanner",
+  props: {
+    variant: {},
+    inline: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["app-banner", `app-banner-${__props.variant}`, { "app-banner-inline": __props.inline }]),
+        role: __props.variant === "error" ? "alert" : "status"
+      }, [
+        createElementVNode("span", _hoisted_2, [
+          __props.variant === "info" ? (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10"
+            }, null, -1),
+            createElementVNode("line", {
+              x1: "12",
+              y1: "8",
+              x2: "12",
+              y2: "12"
+            }, null, -1),
+            createElementVNode("line", {
+              x1: "12",
+              y1: "16",
+              x2: "12.01",
+              y2: "16"
+            }, null, -1)
+          ])])) : __props.variant === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
+            createElementVNode("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }, null, -1),
+            createElementVNode("line", {
+              x1: "12",
+              y1: "9",
+              x2: "12",
+              y2: "13"
+            }, null, -1),
+            createElementVNode("line", {
+              x1: "12",
+              y1: "17",
+              x2: "12.01",
+              y2: "17"
+            }, null, -1)
+          ])])) : __props.variant === "success" ? (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [
+            createElementVNode("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
+            createElementVNode("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[3] || (_cache[3] = [
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10"
+            }, null, -1),
+            createElementVNode("line", {
+              x1: "15",
+              y1: "9",
+              x2: "9",
+              y2: "15"
+            }, null, -1),
+            createElementVNode("line", {
+              x1: "9",
+              y1: "9",
+              x2: "15",
+              y2: "15"
+            }, null, -1)
+          ])]))
+        ]),
+        createElementVNode("span", _hoisted_7, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("span", _hoisted_8, [
+          renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1$2);
+    };
+  }
+});
+const AppBanner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c68deb55"]]);
+const _hoisted_1$1 = ["data-tip", "aria-label", "aria-disabled"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AppButton",
+  props: {
+    variant: { default: "default" },
+    active: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    tooltip: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick() {
+      if (!props.disabled) {
+        emit("click");
+      }
+    }
+    const isVertical = inject(IS_VERTICAL_KEY, void 0);
+    const snapEdge = inject(SNAP_EDGE_KEY, void 0);
+    const tooltipFlipDown = inject(TOOLTIP_FLIP_DOWN_KEY, void 0);
+    const tooltipSide = computed(() => {
+      if (isVertical == null ? void 0 : isVertical.value) {
+        return (snapEdge == null ? void 0 : snapEdge.value) === "right" ? "left" : "right";
+      }
+      return (tooltipFlipDown == null ? void 0 : tooltipFlipDown.value) ? "top-flip" : "top";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["app-btn", [
+          `app-btn--tooltip-${tooltipSide.value}`,
+          {
+            "app-btn--vertical": unref(isVertical),
+            active: __props.active,
+            danger: __props.variant === "danger",
+            "app-btn-disabled": __props.disabled
+          }
+        ]]),
+        "data-tip": __props.tooltip,
+        "aria-label": __props.ariaLabel,
+        "aria-disabled": __props.disabled || void 0,
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 10, _hoisted_1$1);
+    };
+  }
+});
+const AppButton = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2d853b64"]]);
+const _hoisted_1 = ["aria-label", "aria-disabled", "data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AppButtonDropdown",
+  props: {
+    popoverId: {},
+    popoverPlacement: { default: "auto" },
+    active: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    variant: { default: "default" },
+    mainTooltip: { default: void 0 },
+    mainAriaLabel: { default: void 0 },
+    caretAriaLabel: { default: void 0 },
+    mainTestid: { default: void 0 },
+    caretTestid: { default: void 0 }
+  },
+  emits: ["mainClick", "caretClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isVertical = inject(IS_VERTICAL_KEY, void 0);
+    const snapEdge = inject(SNAP_EDGE_KEY, void 0);
+    function caretRotation(open) {
+      if (!open) return "down";
+      if (!(isVertical == null ? void 0 : isVertical.value)) return "up";
+      return (snapEdge == null ? void 0 : snapEdge.value) === "right" ? "left" : "right";
+    }
+    function onMainClick() {
+      if (!props.disabled) emit("mainClick");
+    }
+    function onCaretClick() {
+      if (!props.disabled) emit("caretClick");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["app-btn-dropdown-wrap", { "app-btn-dropdown-wrap--vertical": unref(isVertical) }])
+      }, [
+        createVNode(AppButton, {
+          variant: __props.variant,
+          active: __props.active,
+          disabled: __props.disabled,
+          tooltip: __props.mainTooltip,
+          "aria-label": __props.mainAriaLabel,
+          "data-testid": __props.mainTestid,
+          onClick: onMainClick
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "main-content")
+          ]),
+          _: 3
+        }, 8, ["variant", "active", "disabled", "tooltip", "aria-label", "data-testid"]),
+        createVNode(_sfc_main$9, {
+          "popover-id": __props.popoverId,
+          placement: __props.popoverPlacement
+        }, {
+          trigger: withCtx(({ active: open }) => [
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(["app-btn-dropdown-caret", {
+                active: open,
+                "app-btn-dropdown-caret--vertical": unref(isVertical),
+                "app-btn-dropdown-caret--disabled": __props.disabled
+              }]),
+              "aria-label": __props.caretAriaLabel,
+              "aria-disabled": __props.disabled || void 0,
+              "data-testid": __props.caretTestid,
+              onClick: onCaretClick
+            }, [
+              (openBlock(), createElementBlock("svg", {
+                class: normalizeClass(["app-btn-dropdown-caret-icon", `app-btn-dropdown-caret-icon--${caretRotation(open)}`]),
+                width: "10",
+                height: "10",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2.5"
+              }, [..._cache[0] || (_cache[0] = [
+                createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)
+              ])], 2))
+            ], 10, _hoisted_1)
+          ]),
+          content: withCtx(() => [
+            renderSlot(_ctx.$slots, "popover-content")
+          ]),
+          _: 3
+        }, 8, ["popover-id", "placement"])
+      ], 2);
+    };
+  }
+});
+export {
+  AppBanner,
+  AppButton,
+  _sfc_main as AppButtonDropdown,
+  _ as AppDialog,
+  _sfc_main$9 as AppPopover,
+  AppSegmented,
+  _sfc_main$5 as AppSelect,
+  AppSlider,
+  AppTabs,
+  AppToggle,
+  _sfc_main$4 as AppTooltip,
+  ComboboxAnchor,
+  ComboboxArrow,
+  ComboboxCancel,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemIndicator,
+  ComboboxLabel,
+  ComboboxPortal,
+  ComboboxRoot,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  ComboboxViewport,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  NumberFieldDecrement,
+  NumberFieldIncrement,
+  NumberFieldInput,
+  NumberFieldRoot,
+  PopoverAnchor,
+  PopoverArrow2 as PopoverArrow,
+  PopoverClose,
+  PopoverContent2 as PopoverContent,
+  PopoverPortal2 as PopoverPortal,
+  PopoverRoot2 as PopoverRoot,
+  PopoverTrigger2 as PopoverTrigger,
+  RadioGroupIndicator,
+  RadioGroupItem2 as RadioGroupItem,
+  RadioGroupRoot2 as RadioGroupRoot,
+  SelectArrow,
+  SelectContent2 as SelectContent,
+  SelectGroup,
+  SelectIcon2 as SelectIcon,
+  SelectItem2 as SelectItem,
+  SelectItemIndicator2 as SelectItemIndicator,
+  SelectItemText2 as SelectItemText,
+  SelectLabel,
+  SelectPortal2 as SelectPortal,
+  SelectRoot2 as SelectRoot,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger2 as SelectTrigger,
+  SelectValue2 as SelectValue,
+  SelectViewport2 as SelectViewport,
+  SliderRange2 as SliderRange,
+  SliderRoot2 as SliderRoot,
+  SliderThumb2 as SliderThumb,
+  SliderTrack2 as SliderTrack,
+  SwitchRoot2 as SwitchRoot,
+  SwitchThumb2 as SwitchThumb,
+  TabsContent2 as TabsContent,
+  TabsList2 as TabsList,
+  TabsRoot2 as TabsRoot,
+  TabsTrigger2 as TabsTrigger,
+  TagsInputClear,
+  TagsInputInput,
+  TagsInputItem,
+  TagsInputItemDelete,
+  TagsInputItemText,
+  TagsInputRoot,
+  TooltipArrow2 as TooltipArrow,
+  TooltipContent2 as TooltipContent,
+  TooltipPortal2 as TooltipPortal,
+  TooltipProvider2 as TooltipProvider,
+  TooltipRoot2 as TooltipRoot,
+  TooltipTrigger2 as TooltipTrigger,
+  a as _activeRequest,
+  b as _resolveActive,
+  u as useDialog,
+  useDialogPluginComponent
+};
+//# sourceMappingURL=index.js.map