@youcan/celeste 0.6.29 → 0.6.30

package/dist/es/index.js

@@ -0,0 +1,220 @@
+import alert from "./alert.js";
+import Badge from "./badge.js";
+import statusBadge from "./status-badge.js";
+import Button from "./button.js";
+import CompactButton from "./compact-button.js";
+import fancyButton from "./fancy-button.js";
+import linkButton from "./link-button.js";
+import socialButton from "./social-button.js";
+import checkboxLabel from "./checkbox-label.js";
+import { _ as _sfc_main } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$1 } from "./chunks/combobox-anchor.js";
+import ComboboxEmpty from "./combobox-empty.js";
+import ComboboxGroup from "./combobox-group.js";
+import ComboboxInput from "./combobox-input.js";
+import ComboboxItem from "./combobox-item.js";
+import ComboboxList from "./combobox-list.js";
+import ComboboxRoot from "./combobox-root.js";
+import ComboboxSeparator from "./combobox-separator.js";
+import ComboboxTrigger from "./combobox-trigger.js";
+import combobox from "./combobox.js";
+import { _ as _sfc_main$2 } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
+import contextMenuItem from "./context-menu-item.js";
+import DropdownItem from "./dropdown-item.js";
+import dropdown from "./dropdown.js";
+import { _ as _sfc_main$3 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
+import dropdownMenuGroup from "./dropdown-menu-group.js";
+import dropdownMenuItem from "./dropdown-menu-item.js";
+import dropdownMenuLabel from "./dropdown-menu-label.js";
+import dropdownMenuSeparator from "./dropdown-menu-separator.js";
+import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$6 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-sub.js";
+import dropdownMenuTrigger from "./dropdown-menu-trigger.js";
+import dropdownMenu from "./dropdown-menu.js";
+import hintText from "./hint-text.js";
+import label from "./label.js";
+import modalBody from "./modal-body.js";
+import { _ as _sfc_main$8 } from "./chunks/modal-close.js";
+import modalContent from "./modal-content.js";
+import modalFooter from "./modal-footer.js";
+import modalHeader from "./modal-header.js";
+import { _ as _sfc_main$9 } from "./chunks/modal-trigger.js";
+import { _ as _sfc_main$7 } from "./chunks/modal.js";
+import PopoverContent from "./popover-content.js";
+import PopoverTrigger from "./popover-trigger.js";
+import { _ as _sfc_main$a } from "./chunks/popover.js";
+import { _ as _sfc_main$b } from "./chunks/scroll-area.js";
+import segmentedControlItem from "./segmented-control-item.js";
+import segmentedControl from "./segmented-control.js";
+import SelectContent from "./select-content.js";
+import { _ as _sfc_main$d } from "./chunks/select-group.js";
+import selectIcon from "./select-icon.js";
+import SelectItem from "./select-item.js";
+import selectLabel from "./select-label.js";
+import selectSeparator from "./select-separator.js";
+import SelectTrigger from "./select-trigger.js";
+import SelectValue from "./select-value.js";
+import { _ as _sfc_main$c } from "./chunks/select.js";
+import { _ as _sfc_main$e } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$f } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
+import tabMenuContent from "./tab-menu-content.js";
+import tabMenuItem from "./tab-menu-item.js";
+import tabMenuList from "./tab-menu-list.js";
+import tabMenu from "./tab-menu.js";
+import textInputAffix from "./text-input-affix.js";
+import TextInputButton from "./text-input-button.js";
+import TextInput from "./text-input.js";
+import textarea from "./textarea.js";
+import Tooltip from "./tooltip.js";
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Alert: alert,
+  Badge,
+  Button,
+  Checkbox: _sfc_main,
+  CheckboxLabel: checkboxLabel,
+  Combobox: combobox,
+  ComboboxAnchor: _sfc_main$1,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxRoot,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  CompactButton,
+  ContentDivider: _sfc_main$2,
+  ContextMenuItem: contextMenuItem,
+  Dropdown: dropdown,
+  DropdownItem,
+  DropdownMenu: dropdownMenu,
+  DropdownMenuContent: _sfc_main$3,
+  DropdownMenuGroup: dropdownMenuGroup,
+  DropdownMenuItem: dropdownMenuItem,
+  DropdownMenuLabel: dropdownMenuLabel,
+  DropdownMenuSeparator: dropdownMenuSeparator,
+  DropdownMenuSub: _sfc_main$4,
+  DropdownMenuSubContent: _sfc_main$5,
+  DropdownMenuSubTrigger: _sfc_main$6,
+  DropdownMenuTrigger: dropdownMenuTrigger,
+  FancyButton: fancyButton,
+  HintText: hintText,
+  Label: label,
+  LinkButton: linkButton,
+  Modal: _sfc_main$7,
+  ModalBody: modalBody,
+  ModalClose: _sfc_main$8,
+  ModalContent: modalContent,
+  ModalFooter: modalFooter,
+  ModalHeader: modalHeader,
+  ModalTrigger: _sfc_main$9,
+  Popover: _sfc_main$a,
+  PopoverContent,
+  PopoverTrigger,
+  ScrollArea: _sfc_main$b,
+  SegmentedControl: segmentedControl,
+  SegmentedControlItem: segmentedControlItem,
+  Select: _sfc_main$c,
+  SelectContent,
+  SelectGroup: _sfc_main$d,
+  SelectIcon: selectIcon,
+  SelectItem,
+  SelectLabel: selectLabel,
+  SelectSeparator: selectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Slider: _sfc_main$e,
+  SocialButton: socialButton,
+  StatusBadge: statusBadge,
+  Switch: _sfc_main$f,
+  TabMenu: tabMenu,
+  TabMenuContent: tabMenuContent,
+  TabMenuItem: tabMenuItem,
+  TabMenuList: tabMenuList,
+  TextInput,
+  TextInputAffix: textInputAffix,
+  TextInputButton,
+  Textarea: textarea,
+  Tooltip
+}, Symbol.toStringTag, { value: "Module" }));
+const Celeste = {
+  install(vue) {
+    Object.entries(components).forEach(([name, component]) => {
+      vue.component(name, component);
+    });
+  }
+};
+export {
+  alert as Alert,
+  Badge,
+  Button,
+  Celeste,
+  _sfc_main as Checkbox,
+  checkboxLabel as CheckboxLabel,
+  combobox as Combobox,
+  _sfc_main$1 as ComboboxAnchor,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxRoot,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  CompactButton,
+  _sfc_main$2 as ContentDivider,
+  contextMenuItem as ContextMenuItem,
+  dropdown as Dropdown,
+  DropdownItem,
+  dropdownMenu as DropdownMenu,
+  _sfc_main$3 as DropdownMenuContent,
+  dropdownMenuGroup as DropdownMenuGroup,
+  dropdownMenuItem as DropdownMenuItem,
+  dropdownMenuLabel as DropdownMenuLabel,
+  dropdownMenuSeparator as DropdownMenuSeparator,
+  _sfc_main$4 as DropdownMenuSub,
+  _sfc_main$5 as DropdownMenuSubContent,
+  _sfc_main$6 as DropdownMenuSubTrigger,
+  dropdownMenuTrigger as DropdownMenuTrigger,
+  fancyButton as FancyButton,
+  hintText as HintText,
+  label as Label,
+  linkButton as LinkButton,
+  _sfc_main$7 as Modal,
+  modalBody as ModalBody,
+  _sfc_main$8 as ModalClose,
+  modalContent as ModalContent,
+  modalFooter as ModalFooter,
+  modalHeader as ModalHeader,
+  _sfc_main$9 as ModalTrigger,
+  _sfc_main$a as Popover,
+  PopoverContent,
+  PopoverTrigger,
+  _sfc_main$b as ScrollArea,
+  segmentedControl as SegmentedControl,
+  segmentedControlItem as SegmentedControlItem,
+  _sfc_main$c as Select,
+  SelectContent,
+  _sfc_main$d as SelectGroup,
+  selectIcon as SelectIcon,
+  SelectItem,
+  selectLabel as SelectLabel,
+  selectSeparator as SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  _sfc_main$e as Slider,
+  socialButton as SocialButton,
+  statusBadge as StatusBadge,
+  _sfc_main$f as Switch,
+  tabMenu as TabMenu,
+  tabMenuContent as TabMenuContent,
+  tabMenuItem as TabMenuItem,
+  tabMenuList as TabMenuList,
+  TextInput,
+  textInputAffix as TextInputAffix,
+  TextInputButton,
+  textarea as Textarea,
+  Tooltip
+};

package/dist/es/label.js

@@ -0,0 +1,56 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import Tooltip from "./tooltip.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { B as Oh } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "celeste-sublabel"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "label",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    sublabel: {},
+    information: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Oh), mergeProps(unref(delegatedProps), {
+        "aria-required": _ctx.required,
+        "aria-disabled": _ctx.disabled,
+        class: unref(clsx)("celeste-label", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          renderSlot(_ctx.$slots, "button", { class: "celeste-label-button" }, void 0, true),
+          _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true),
+          _ctx.information ? (openBlock(), createBlock(Tooltip, {
+            key: 1,
+            title: _ctx.information
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createElementVNode("button", { class: "celeste-label-info" }, [
+                createElementVNode("i", { class: "i-celeste-information-2-fill" })
+              ], -1)
+            ])),
+            _: 1
+          }, 8, ["title"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["aria-required", "aria-disabled", "class"]);
+    };
+  }
+});
+const label = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4768213c"]]);
+export {
+  label as default
+};

package/dist/es/link-button.js

@@ -0,0 +1,45 @@
+import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { f as O } from "./chunks/index.js";
+/* empty css                                                                   */
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "link-button",
+  props: {
+    class: {},
+    size: { default: "md" },
+    intent: { default: "primary" },
+    underline: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "a" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(O), {
+        as: _ctx.as,
+        disabled: _ctx.disabled,
+        "as-child": _ctx.asChild,
+        class: normalizeClass(unref(clsx)(
+          "celeste-link-button",
+          `celeste-link-button-${_ctx.intent}`,
+          `celeste-link-button-${_ctx.size}`,
+          _ctx.disabled && "celeste-link-button-disabled",
+          _ctx.underline && "celeste-link-button-underline",
+          props.class
+        )),
+        role: _ctx.as === "a" ? "link" : "button"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["as", "disabled", "as-child", "class", "role"]);
+    };
+  }
+});
+const linkButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82b3b1ab"]]);
+export {
+  linkButton as default
+};

package/dist/es/modal-body.js

@@ -0,0 +1,23 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal-body",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(clsx)("celeste-modal-body", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+const modalBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8872ed90"]]);
+export {
+  modalBody as default
+};

package/dist/es/modal-close.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/modal-close.js";
+export {
+  _sfc_main as default
+};

package/dist/es/modal-content.js

@@ -0,0 +1,49 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, Transition, mergeProps, renderSlot } from "vue";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { x as xe, a1 as Dv, a2 as Eu, a3 as xu } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal-content",
+  props: {
+    forceMount: { type: Boolean },
+    trapFocus: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    style: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = useDelegatedProps(props, "class");
+    const forwarded = xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Dv), null, {
+        default: withCtx(() => [
+          createVNode(unref(Eu), { class: "celeste-modal-overlay" }),
+          createVNode(Transition, { name: "fade" }, {
+            default: withCtx(() => [
+              createVNode(unref(xu), mergeProps(unref(forwarded), {
+                class: unref(clsx)("celeste-modal-content", props.class)
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const modalContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdcae06b"]]);
+export {
+  modalContent as default
+};

package/dist/es/modal-footer.js

@@ -0,0 +1,23 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal-footer",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(clsx)("celeste-modal-footer", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+const modalFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3331df1"]]);
+export {
+  modalFooter as default
+};

package/dist/es/modal-header.js

@@ -0,0 +1,82 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, toDisplayString, createVNode } from "vue";
+import CompactButton from "./compact-button.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { a4 as Pu, a5 as Du, a as Gl } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["data-dismissible", "data-alignment", "data-type"];
+const _hoisted_2 = {
+  key: 0,
+  class: "icon"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "content"
+};
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = { class: "description" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal-header",
+  props: {
+    title: {},
+    icon: {},
+    description: {},
+    dismissible: { type: Boolean, default: true },
+    alignment: { default: "horizontal" },
+    type: { default: "default" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(clsx)("celeste-modal-header", props.class)),
+        "data-dismissible": _ctx.dismissible,
+        "data-alignment": _ctx.alignment,
+        "data-type": _ctx.type
+      }, [
+        _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("i", {
+            class: normalizeClass(_ctx.icon)
+          }, null, 2)
+        ])) : createCommentVNode("", true),
+        _ctx.title || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          _ctx.title ? (openBlock(), createBlock(unref(Pu), {
+            key: 0,
+            "as-child": ""
+          }, {
+            default: withCtx(() => [
+              createElementVNode("h2", _hoisted_4, toDisplayString(_ctx.title), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          _ctx.description ? (openBlock(), createBlock(unref(Du), {
+            key: 1,
+            "as-child": ""
+          }, {
+            default: withCtx(() => [
+              createElementVNode("p", _hoisted_5, toDisplayString(_ctx.description), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        _ctx.dismissible ? (openBlock(), createBlock(unref(Gl), {
+          key: 2,
+          "as-child": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(CompactButton, {
+              class: "close",
+              icon: "i-celeste-close-line",
+              variant: "ghost"
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const modalHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a655071e"]]);
+export {
+  modalHeader as default
+};

package/dist/es/modal-trigger.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/modal-trigger.js";
+export {
+  _sfc_main as default
+};

package/dist/es/modal.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/modal.js";
+export {
+  _sfc_main as default
+};

package/dist/es/popover-content.js

@@ -0,0 +1,105 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createElementVNode, normalizeStyle, createElementBlock, Fragment, normalizeClass, createCommentVNode, toDisplayString, renderSlot } from "vue";
+import CompactButton from "./compact-button.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { c as clsx } from "./chunks/clsx.js";
+import { x as xe, a6 as bs, a7 as ws, a8 as _s, a9 as xs } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["data-icon-size"];
+const _hoisted_2 = { class: "celeste-popover-title" };
+const _hoisted_3 = { class: "celeste-popover-description" };
+const _hoisted_4 = {
+  key: 2,
+  class: "celeste-popover-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "popover-content",
+  props: {
+    class: {},
+    side: { default: "bottom" },
+    title: {},
+    description: {},
+    showTail: { type: Boolean, default: true },
+    dismissible: { type: Boolean, default: true },
+    icon: {},
+    iconSize: { default: "lg" }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = useDelegatedProps(props, ["class", "title"]);
+    const forwarded = xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(bs), null, {
+        default: withCtx(() => [
+          createVNode(unref(ws), mergeProps({ ...unref(forwarded), ..._ctx.$attrs }, {
+            "side-offset": _ctx.showTail ? 0 : 8,
+            class: unref(clsx)(
+              "celeste-popover-content-wrapper",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "celeste-popover-content",
+                style: normalizeStyle({ padding: !_ctx.$slots.default ? "var(--spacing-16)" : "" })
+              }, [
+                !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  _ctx.icon ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: "celeste-popover-icon",
+                    "data-icon-size": _ctx.iconSize
+                  }, [
+                    createElementVNode("i", {
+                      class: normalizeClass(_ctx.icon)
+                    }, null, 2)
+                  ], 8, _hoisted_1)) : createCommentVNode("", true),
+                  createElementVNode("p", _hoisted_2, toDisplayString(_ctx.title), 1),
+                  createElementVNode("p", _hoisted_3, toDisplayString(_ctx.description), 1)
+                ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
+              ], 4),
+              _ctx.showTail ? (openBlock(), createBlock(unref(_s), {
+                key: 0,
+                "as-child": "",
+                width: 16,
+                height: 8
+              }, {
+                default: withCtx(() => _cache[0] || (_cache[0] = [
+                  createElementVNode("span", { class: "celeste-popover-arrow" }, null, -1)
+                ])),
+                _: 1
+              })) : createCommentVNode("", true),
+              _ctx.dismissible ? (openBlock(), createBlock(unref(xs), {
+                key: 1,
+                "as-child": "",
+                class: "PopoverClose",
+                "aria-label": "Close"
+              }, {
+                default: withCtx(() => [
+                  createVNode(CompactButton, {
+                    variant: "ghost",
+                    icon: "i-celeste-close-line",
+                    class: "celeste-popover-close-button"
+                  })
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 16, ["side-offset", "class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const PopoverContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fae157b1"]]);
+export {
+  PopoverContent as default
+};

package/dist/es/popover-trigger.js

@@ -0,0 +1,25 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { aa as gs } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "popover-trigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(gs), mergeProps({ class: "celeste-popover-trigger" }, props, { as: "div" }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const PopoverTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2664c4cb"]]);
+export {
+  PopoverTrigger as default
+};

package/dist/es/popover.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/popover.js";
+export {
+  _sfc_main as default
+};

package/dist/es/scroll-area.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/scroll-area.js";
+export {
+  _sfc_main as default
+};