@youcan/celeste 0.6.49 → 0.6.50

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

@@ -0,0 +1,70 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const compactButton = require("../compact-button.js");
+const _sfc_main = /* @__PURE__ */ Mo.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.useDelegatedProps(props, "class");
+    const forwarded = index.xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.my), Mo.mergeProps(Mo.unref(forwarded), {
+        "has-error": _ctx.hasError,
+        class: Mo.unref(clsx.clsx)("celeste-counter-input-wrapper", props.class)
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.gy), {
+            "as-child": "",
+            class: "celeste-counter-input-decrement"
+          }, {
+            default: Mo.withCtx(() => [
+              Mo.createVNode(compactButton, {
+                variant: "ghost",
+                icon: "i-celeste-subtract-line"
+              })
+            ]),
+            _: 1
+          }),
+          Mo.createVNode(Mo.unref(index.hy), { class: "celeste-counter-input" }),
+          Mo.createVNode(Mo.unref(index.yy), {
+            "as-child": "",
+            class: "celeste-counter-input-increment"
+          }, {
+            default: Mo.withCtx(() => [
+              Mo.createVNode(compactButton, {
+                variant: "ghost",
+                icon: "i-celeste-add-line"
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 16, ["has-error", "class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;