@youcan/celeste 0.6.48 → 0.6.50

package/dist/cjs/counter-input.js

@@ -0,0 +1,3 @@
+"use strict";
+const counterInput_vue_vue_type_style_index_0_lang = require("./chunks/counter-input.vue_vue_type_style_index_0_lang.js");
+module.exports = counterInput_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/cjs/index.js

@@ -22,6 +22,7 @@ const comboboxSeparator = require("./combobox-separator.js");
 const comboboxTrigger = require("./combobox-trigger.js");
 const combobox = require("./combobox.js");
 const contentDivider_vue_vue_type_style_index_0_lang = require("./chunks/content-divider.vue_vue_type_style_index_0_lang.js");
+const counterInput_vue_vue_type_style_index_0_lang = require("./chunks/counter-input.vue_vue_type_style_index_0_lang.js");
 const digitInputGroup = require("./digit-input-group.js");
 const digitInputSlot = require("./digit-input-slot.js");
 const digitInput = require("./digit-input.js");
@@ -52,7 +53,9 @@ const popoverTrigger = require("./popover-trigger.js");
 const popover_vue_vue_type_script_setup_true_lang = require("./chunks/popover.js");
 const progressBar = require("./progress-bar.js");
 const progressCircle = require("./progress-circle.js");
+const radioGroupCard = require("./radio-group-card.js");
 const radioGroupItem_vue_vue_type_style_index_0_lang = require("./chunks/radio-group-item.vue_vue_type_style_index_0_lang.js");
+const radioGroupLabel = require("./radio-group-label.js");
 const radioGroup_vue_vue_type_style_index_0_lang = require("./chunks/radio-group.vue_vue_type_style_index_0_lang.js");
 const richEditor = require("./rich-editor.js");
 const scrollArea_vue_vue_type_script_setup_true_lang = require("./chunks/scroll-area.js");
@@ -105,6 +108,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   CompactButton: compactButton,
   ContentDivider: contentDivider_vue_vue_type_style_index_0_lang._sfc_main,
   ContextMenuItem: contextMenuItem,
+  CounterInput: counterInput_vue_vue_type_style_index_0_lang._sfc_main,
   DigitInput: digitInput,
   DigitInputGroup: digitInputGroup,
   DigitInputSlot: digitInputSlot,
@@ -137,7 +141,9 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   ProgressBar: progressBar,
   ProgressCircle: progressCircle,
   RadioGroup: radioGroup_vue_vue_type_style_index_0_lang._sfc_main,
+  RadioGroupCard: radioGroupCard,
   RadioGroupItem: radioGroupItem_vue_vue_type_style_index_0_lang._sfc_main,
+  RadioGroupLabel: radioGroupLabel,
   RichEditor: richEditor,
   ScrollArea: scrollArea_vue_vue_type_script_setup_true_lang._sfc_main,
   SegmentedControl: segmentedControl,
@@ -246,6 +252,7 @@ exports.ComboboxSeparator = comboboxSeparator;
 exports.ComboboxTrigger = comboboxTrigger;
 exports.Combobox = combobox;
 exports.ContentDivider = contentDivider_vue_vue_type_style_index_0_lang._sfc_main;
+exports.CounterInput = counterInput_vue_vue_type_style_index_0_lang._sfc_main;
 exports.DigitInputGroup = digitInputGroup;
 exports.DigitInputSlot = digitInputSlot;
 exports.DigitInput = digitInput;
@@ -276,7 +283,9 @@ exports.PopoverTrigger = popoverTrigger;
 exports.Popover = popover_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.ProgressBar = progressBar;
 exports.ProgressCircle = progressCircle;
+exports.RadioGroupCard = radioGroupCard;
 exports.RadioGroupItem = radioGroupItem_vue_vue_type_style_index_0_lang._sfc_main;
+exports.RadioGroupLabel = radioGroupLabel;
 exports.RadioGroup = radioGroup_vue_vue_type_style_index_0_lang._sfc_main;
 exports.RichEditor = richEditor;
 exports.ScrollArea = scrollArea_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/modal-header.js

@@ -77,5 +77,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const modalHeader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a655071e"]]);
+const modalHeader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-9d299b40"]]);
 module.exports = modalHeader;

package/dist/cjs/popover-content.js

@@ -42,14 +42,11 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
         default: Mo.withCtx(() => [
           Mo.createVNode(Mo.unref(index.ws), Mo.mergeProps({ ...Mo.unref(forwarded), ..._ctx.$attrs }, {
             "side-offset": Mo.unref(sideOffset),
-            class: Mo.unref(clsx.clsx)(
-              "celeste-popover-content-wrapper",
-              props.class
-            )
+            class: "celeste-popover-content-wrapper"
           }), {
             default: Mo.withCtx(() => [
               Mo.createElementVNode("div", {
-                class: "celeste-popover-content",
+                class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-popover-content", props.class)),
                 style: Mo.normalizeStyle({ padding: !_ctx.$slots.default ? "var(--spacing-16)" : "" })
               }, [
                 !_ctx.$slots.default ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 0 }, [
@@ -65,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                   Mo.createElementVNode("p", _hoisted_2, Mo.toDisplayString(_ctx.title), 1),
                   Mo.createElementVNode("p", _hoisted_3, Mo.toDisplayString(_ctx.description), 1)
                 ], 64)) : Mo.renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
-              ], 4),
+              ], 6),
               _ctx.showTail ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index._s), {
                 key: 0,
                 "as-child": "",
@@ -97,12 +94,12 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
               ])) : Mo.createCommentVNode("", true)
             ]),
             _: 3
-          }, 16, ["side-offset", "class"])
+          }, 16, ["side-offset"])
         ]),
         _: 3
       });
     };
   }
 });
-const PopoverContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-700edccc"]]);
+const PopoverContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-68656929"]]);
 module.exports = PopoverContent;

package/dist/cjs/radio-group-card.js

@@ -0,0 +1,110 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+const clsx = require("./chunks/clsx.js");
+const index = require("./chunks/index.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "celeste-radio-card-content" };
+const _hoisted_2 = { role: "presentation" };
+const _hoisted_3 = {
+  role: "presentation",
+  class: "celeste-radio-card-row"
+};
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "radio-group-card",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Oh), Mo.mergeProps(Mo.unref(delegatedProps), {
+        "aria-required": _ctx.required,
+        "aria-disabled": _ctx.disabled,
+        class: Mo.unref(clsx.clsx)("celeste-radio-card", props.class, {
+          "celeste-radio-card-disabled": _ctx.disabled
+        })
+      }), {
+        default: Mo.withCtx(() => [
+          _ctx.$slots.image || _ctx.$slots.icon ? (Mo.openBlock(), Mo.createElementBlock("div", {
+            key: 0,
+            role: "presentation",
+            class: Mo.normalizeClass(["celeste-radio-card-preview", [_ctx.$slots.image ? "celeste-radio-card-preview-image" : "celeste-radio-card-preview-icon"]])
+          }, [
+            _ctx.$slots.image ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 0 }, [
+              _cache[0] || (_cache[0] = Mo.createElementVNode("i", {
+                class: "celeste-radio-card-preview-fallback",
+                "i-celeste-image-circle-fill": ""
+              }, null, -1)),
+              Mo.renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)
+            ], 64)) : _ctx.$slots.icon ? Mo.renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : Mo.createCommentVNode("", true)
+          ], 2)) : Mo.createCommentVNode("", true),
+          Mo.createElementVNode("div", _hoisted_1, [
+            Mo.createElementVNode("div", _hoisted_2, [
+              Mo.createElementVNode("div", _hoisted_3, [
+                Mo.createVNode(Mo.unref(index.O), {
+                  as: "span",
+                  class: "celeste-radio-card-label"
+                }, {
+                  default: Mo.withCtx(() => [
+                    Mo.renderSlot(_ctx.$slots, "label", {}, void 0, true)
+                  ]),
+                  _: 3
+                }),
+                _ctx.$slots.sublabel ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                  key: 0,
+                  as: "span",
+                  class: "celeste-radio-card-sublabel"
+                }, {
+                  default: Mo.withCtx(() => [
+                    Mo.renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)
+                  ]),
+                  _: 3
+                })) : Mo.createCommentVNode("", true),
+                _ctx.$slots.badge ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                  key: 1,
+                  "as-child": "",
+                  class: "celeste-radio-card-badge"
+                }, {
+                  default: Mo.withCtx(() => [
+                    Mo.renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)
+                  ]),
+                  _: 3
+                })) : Mo.createCommentVNode("", true)
+              ])
+            ]),
+            _ctx.$slots.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+              key: 0,
+              as: "span",
+              class: "celeste-radio-card-description"
+            }, {
+              default: Mo.withCtx(() => [
+                Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
+              ]),
+              _: 3
+            })) : Mo.createCommentVNode("", true)
+          ]),
+          Mo.createVNode(Mo.unref(index.O), {
+            disabled: _ctx.disabled,
+            "as-child": "",
+            class: "celeste-radio-card-radio"
+          }, {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["disabled"])
+        ]),
+        _: 3
+      }, 16, ["aria-required", "aria-disabled", "class"]);
+    };
+  }
+});
+const radioGroupCard = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c0db864b"]]);
+module.exports = radioGroupCard;

package/dist/cjs/radio-group-label.js

@@ -0,0 +1,109 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("./use-delegated-props.js");
+const clsx = require("./chunks/clsx.js");
+const index = require("./chunks/index.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = { role: "presentation" };
+const _hoisted_2 = {
+  role: "presentation",
+  class: "celeste-radio-label-row"
+};
+const _hoisted_3 = {
+  role: "presentation",
+  class: "celeste-radio-label-content"
+};
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "radio-group-label",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Oh), Mo.mergeProps(Mo.unref(delegatedProps), {
+        "aria-required": _ctx.required,
+        "aria-disabled": _ctx.disabled,
+        class: Mo.unref(clsx.clsx)("celeste-radio-label", props.class)
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.O), {
+            "as-child": "",
+            class: "celeste-radio-label-radio"
+          }, {
+            default: Mo.withCtx(() => [
+              Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }),
+          Mo.createElementVNode("div", _hoisted_1, [
+            Mo.createElementVNode("div", _hoisted_2, [
+              Mo.createElementVNode("div", null, [
+                Mo.createVNode(Mo.unref(index.O), {
+                  as: "span",
+                  class: "celeste-radio-label-label"
+                }, {
+                  default: Mo.withCtx(() => [
+                    Mo.renderSlot(_ctx.$slots, "label", {}, void 0, true)
+                  ]),
+                  _: 3
+                }),
+                _ctx.$slots.sublabel ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                  key: 0,
+                  as: "span",
+                  class: "celeste-radio-label-sublabel"
+                }, {
+                  default: Mo.withCtx(() => [
+                    Mo.renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)
+                  ]),
+                  _: 3
+                })) : Mo.createCommentVNode("", true)
+              ]),
+              _ctx.$slots.badge ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                key: 0,
+                "as-child": "",
+                class: "celeste-radio-label-badge"
+              }, {
+                default: Mo.withCtx(() => [
+                  Mo.renderSlot(_ctx.$slots, "badge", {}, void 0, true)
+                ]),
+                _: 3
+              })) : Mo.createCommentVNode("", true)
+            ]),
+            Mo.createElementVNode("div", _hoisted_3, [
+              _ctx.$slots.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                key: 0,
+                as: "span",
+                class: "celeste-radio-label-description"
+              }, {
+                default: Mo.withCtx(() => [
+                  Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
+                ]),
+                _: 3
+              })) : Mo.createCommentVNode("", true),
+              _ctx.$slots.linkButton ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                key: 1,
+                "as-child": "",
+                class: "celeste-radio-label-link-button"
+              }, {
+                default: Mo.withCtx(() => [
+                  Mo.renderSlot(_ctx.$slots, "linkButton", {}, void 0, true)
+                ]),
+                _: 3
+              })) : Mo.createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16, ["aria-required", "aria-disabled", "class"]);
+    };
+  }
+});
+const radioGroupLabel = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-32cb773e"]]);
+module.exports = radioGroupLabel;

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+import { NumberFieldRootProps } from 'radix-vue';
+type __VLS_Props = NumberFieldRootProps & {
+    class?: HTMLAttributes['class'];
+    size?: 'xs' | 'sm' | 'md';
+    hasError?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (val: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}>, {
+    size: "xs" | "sm" | "md";
+    hasError: boolean;
+    defaultValue: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/counter-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './counter-input';
+export { default as CounterInput } from './counter-input';

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './button';
 export * from './checkbox';
 export * from './combobox';
 export * from './content-divider';
+export * from './counter-input';
 export * from './digit-input';
 export * from './dropdown';
 export * from './dropdown-menu';

package/dist/components/radio-group/index.d.ts

@@ -1,4 +1,8 @@
+export * from './radio-group-card';
+export { default as RadioGroupCard } from './radio-group-card';
 export * from './radio-group-item';
 export { default as RadioGroupItem } from './radio-group-item';
+export * from './radio-group-label';
+export { default as RadioGroupLabel } from './radio-group-label';
 export * from './radio-group';
 export { default as RadioGroup } from './radio-group';

package/dist/components/radio-group/radio-group-card.d.ts

@@ -0,0 +1,34 @@
+import { LabelProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = LabelProps & {
+    required?: boolean;
+    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {
+            class: string;
+        }): any;
+        icon?(_: {}): any;
+        label?(_: {}): any;
+        sublabel?(_: {}): any;
+        badge?(_: {
+            disabled: boolean | undefined;
+        }): any;
+        description?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/radio-group/radio-group-label.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes } from 'vue';
+import { LabelProps } from 'radix-vue';
+type __VLS_Props = LabelProps & {
+    required?: boolean;
+    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        label?(_: {}): any;
+        sublabel?(_: {}): any;
+        badge?(_: {}): any;
+        description?(_: {}): any;
+        linkButton?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/button.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { g as O } from "./chunks/index.js";
+import { l as O } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "button",

package/dist/es/checkbox-card.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, normalizeClass, Fragment, createElementVNode, renderSlot, createCommentVNode, createVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { L as Oh, g as O } from "./chunks/index.js";
+import { X as Oh, l as O } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-checkbox-card-content" };
 const _hoisted_2 = { role: "presentation" };

package/dist/es/checkbox-label.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { L as Oh, g as O } from "./chunks/index.js";
+import { X as Oh, l as O } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { role: "presentation" };
 const _hoisted_2 = {

package/dist/es/chunks/counter-input.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,71 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode } from "vue";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { c as clsx } from "./clsx.js";
+import { x as xe, m as my, g as gy, h as hy, f as yy } from "./index.js";
+import CompactButton from "../compact-button.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "counter-input",
+  props: {
+    defaultValue: { default: 0 },
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {},
+    formatOptions: {},
+    locale: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    size: { default: "md" },
+    hasError: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  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(my), mergeProps(unref(forwarded), {
+        "has-error": _ctx.hasError,
+        class: unref(clsx)("celeste-counter-input-wrapper", props.class)
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(gy), {
+            "as-child": "",
+            class: "celeste-counter-input-decrement"
+          }, {
+            default: withCtx(() => [
+              createVNode(CompactButton, {
+                variant: "ghost",
+                icon: "i-celeste-subtract-line"
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(unref(hy), { class: "celeste-counter-input" }),
+          createVNode(unref(yy), {
+            "as-child": "",
+            class: "celeste-counter-input-increment"
+          }, {
+            default: withCtx(() => [
+              createVNode(CompactButton, {
+                variant: "ghost",
+                icon: "i-celeste-add-line"
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["has-error", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};