@youcan/celeste 0.6.20 → 0.6.22

package/dist/cjs/color-picker.js

@@ -21,8 +21,7 @@ const selectTrigger = require("./select-trigger.js");
 const selectValue = require("./select-value.js");
 const select_vue_vue_type_script_setup_true_lang = require("./chunks/select.js");
 ;/* empty css                                                                         */
-;/* empty css                                                                          */
-;/* empty css                                                                        */
+require("./text-input-button.js");
 const textInput = require("./text-input.js");
 const alphaSlider_vue_vue_type_script_setup_true_lang = require("./chunks/alpha-slider.js");
 const colorArea = require("./color-area.js");

package/dist/cjs/combobox-input.js

@@ -2,7 +2,6 @@
 const Mo = require("vue");
 const clsx = require("./chunks/clsx.js");
 const index = require("./chunks/index.js");
-const textInputIcon = require("./text-input-icon.js");
 const textInput = require("./text-input.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
@@ -49,12 +48,9 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
             readonly: !props.searchable,
             style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
           }), {
-            default: Mo.withCtx(() => [
-              props.searchable ? (Mo.openBlock(), Mo.createBlock(textInputIcon, {
-                key: 0,
-                icon: "i-celeste-search-2-line"
-              })) : Mo.createCommentVNode("", true)
-            ]),
+            leadingIcon: Mo.withCtx(() => _cache[1] || (_cache[1] = [
+              Mo.createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)
+            ])),
             _: 1
           }, 16, ["modelValue", "readonly", "style"])
         ]),
@@ -63,5 +59,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const ComboboxInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-6de83486"]]);
+const ComboboxInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bd59a65e"]]);
 module.exports = ComboboxInput;

package/dist/cjs/combobox.js

@@ -12,24 +12,28 @@ const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combo
 const comboboxSeparator = require("./combobox-separator.js");
 const comboboxTrigger = require("./combobox-trigger.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = { class: "celeste-dropdown-anchor-trigger-prefix" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
-  class: "celeste-dropdown-anchor-trigger-prefix-selected"
+  class: "celeste-dropdown-anchor-trigger-prefix"
 };
+const _hoisted_2 = { class: "celeste-dropdown-anchor-trigger-prefix-selected" };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = {
-  key: 0,
+  key: 1,
+  class: "celeste-dropdown-anchor-trigger-prefix"
+};
+const _hoisted_6 = {
+  key: 2,
   class: "celeste-dropdown-input"
 };
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = {
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = {
   key: 2,
   class: "celeste-input-badge"
 };
-const _hoisted_9 = ["src"];
+const _hoisted_10 = ["src"];
 const __default__ = {
   inheritAttrs: false
 };
@@ -41,10 +45,11 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     valueBy: {},
     placeholder: { default: "Select" },
     type: {},
-    size: { default: "sm" },
+    size: { default: "md" },
     emptyLabel: {},
     badgeProps: {},
     searchable: { type: Boolean },
+    class: {},
     modelValue: {},
     defaultValue: {},
     open: { type: Boolean },
@@ -77,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
         emptyLabel,
         badgeProps,
         searchable,
+        class: _class,
         ...delegated
       } = props;
       return delegated;
@@ -119,11 +125,12 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
               Mo.createVNode(comboboxTrigger, {
                 type: _ctx.type,
                 filled: !!model.value,
-                size: _ctx.size
+                size: _ctx.size,
+                class: Mo.normalizeClass(props.class)
               }, {
                 default: Mo.withCtx(() => [
-                  Mo.createElementVNode("div", _hoisted_1, [
-                    model.value && !Array.isArray(model.value) ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_2, [
+                  model.value && !Array.isArray(model.value) && (model.value.icon || model.value.image) ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+                    Mo.createElementVNode("div", _hoisted_2, [
                       model.value.icon ? (Mo.openBlock(), Mo.createElementBlock("i", {
                         key: 0,
                         class: Mo.normalizeClass(model.value.icon)
@@ -137,14 +144,13 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                           }, null, 8, _hoisted_4)
                         ], true)
                       ])) : Mo.createCommentVNode("", true)
-                    ])) : Mo.renderSlot(_ctx.$slots, "prefix", {
-                      key: 1,
-                      class: "celeste-dropdown-anchor-trigger-prefix-default"
-                    }, void 0, true)
-                  ]),
-                  _ctx.type !== "inline" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_5, [
-                    _ctx.multiple ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_6, Mo.toDisplayString(_ctx.placeholder), 1)) : (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_7, Mo.toDisplayString(model.value && !Array.isArray(model.value) ? model.value.label : props.placeholder), 1)),
-                    mergedBadgeProps.value && _ctx.badgeProps ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_8, [
+                    ])
+                  ])) : _ctx.$slots.prefix ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_5, [
+                    Mo.renderSlot(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)
+                  ])) : Mo.createCommentVNode("", true),
+                  _ctx.type !== "inline" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, [
+                    _ctx.multiple ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_7, Mo.toDisplayString(_ctx.placeholder), 1)) : (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_8, Mo.toDisplayString(model.value && !Array.isArray(model.value) ? model.value.label : props.placeholder), 1)),
+                    mergedBadgeProps.value && _ctx.badgeProps ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_9, [
                       Mo.createVNode(badge, Mo.normalizeProps(Mo.guardReactiveProps(mergedBadgeProps.value)), null, 16)
                     ])) : Mo.createCommentVNode("", true)
                   ])) : Mo.createCommentVNode("", true),
@@ -153,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                   ], -1))
                 ]),
                 _: 3
-              }, 8, ["type", "filled", "size"])
+              }, 8, ["type", "filled", "size", "class"])
             ]),
             _: 3
           }),
@@ -196,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                           src: option.image,
                           alt: "option",
                           class: "celeste-dropdown-item-image"
-                        }, null, 8, _hoisted_9)) : Mo.createCommentVNode("", true)
+                        }, null, 8, _hoisted_10)) : Mo.createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
@@ -213,5 +219,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-e6216767"]]);
+const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-268c7202"]]);
 module.exports = combobox;

package/dist/cjs/index.js

@@ -65,7 +65,6 @@ const tabMenuList = require("./tab-menu-list.js");
 const tabMenu = require("./tab-menu.js");
 const textInputAffix = require("./text-input-affix.js");
 const textInputButton = require("./text-input-button.js");
-const textInputIcon = require("./text-input-icon.js");
 const textInput = require("./text-input.js");
 const textarea = require("./textarea.js");
 const tooltip = require("./tooltip.js");
@@ -137,7 +136,6 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TextInput: textInput,
   TextInputAffix: textInputAffix,
   TextInputButton: textInputButton,
-  TextInputIcon: textInputIcon,
   Textarea: textarea,
   Tooltip: tooltip
 }, Symbol.toStringTag, { value: "Module" }));
@@ -213,7 +211,6 @@ exports.TabMenuList = tabMenuList;
 exports.TabMenu = tabMenu;
 exports.TextInputAffix = textInputAffix;
 exports.TextInputButton = textInputButton;
-exports.TextInputIcon = textInputIcon;
 exports.TextInput = textInput;
 exports.Textarea = textarea;
 exports.Tooltip = tooltip;

package/dist/cjs/text-input-affix.js

@@ -8,7 +8,6 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "text-input-affix",
   props: {
     class: {},
-    variant: { default: "prefix" },
     inline: { type: Boolean },
     asKbd: { type: Boolean }
   },
@@ -24,5 +23,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const textInputAffix = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a78ff6e3"]]);
+const textInputAffix = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-2d8a1dbc"]]);
 module.exports = textInputAffix;

package/dist/cjs/text-input-button.js

@@ -3,7 +3,6 @@ const Mo = require("vue");
 const button = require("./button.js");
 const useDelegatedProps = require("./use-delegated-props.js");
 const clsx = require("./chunks/clsx.js");
-;/* empty css                                                                          */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "text-input-button",
@@ -28,5 +27,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const textInputButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-82489224"]]);
-module.exports = textInputButton;
+const TextInputButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7d21364e"]]);
+module.exports = TextInputButton;

package/dist/cjs/text-input.js

@@ -1,9 +1,12 @@
 "use strict";
 const Mo = require("vue");
+const crypto = require("./crypto.js");
 const clsx = require("./chunks/clsx.js");
+const index = require("./chunks/index.js");
+const textInputButton = require("./text-input-button.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["size", "has-error"];
-const _hoisted_2 = ["type"];
+const _hoisted_1 = ["for", "size", "has-error"];
+const _hoisted_2 = ["id", "type"];
 const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   __name: "text-input",
   props: /* @__PURE__ */ Mo.mergeModels({
@@ -17,15 +20,52 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
+    const id = Mo.computed(() => props.id || crypto.uid());
     const modelValue = Mo.useModel(__props, "modelValue");
+    const showClearButton = Mo.computed(() => {
+      return props.type === "search" && modelValue.value && String(modelValue.value).length > 0;
+    });
+    function clearInput() {
+      modelValue.value = "";
+    }
     return (_ctx, _cache) => {
       return Mo.openBlock(), Mo.createElementBlock("label", {
+        for: id.value,
         size: _ctx.size,
         role: "presentation",
         "has-error": _ctx.hasError,
         class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-text-input-wrapper", props.class))
       }, [
+        Mo.createVNode(Mo.unref(index.O), {
+          "as-child": "",
+          class: "celeste-text-input-icon celeste-text-input-leading-icon"
+        }, {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(_ctx.$slots, "leadingIcon", {}, void 0, true)
+          ]),
+          _: 3
+        }),
+        Mo.createVNode(Mo.unref(index.O), {
+          "as-child": "",
+          class: "celeste-text-input-node celeste-text-input-leading-node"
+        }, {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(_ctx.$slots, "leadingNode", {}, void 0, true)
+          ]),
+          _: 3
+        }),
+        Mo.createVNode(Mo.unref(index.O), {
+          inline: "",
+          "as-child": "",
+          class: "celeste-text-input-inline-node celeste-text-input-leading-inline-node"
+        }, {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(_ctx.$slots, "leadingInlineNode", {}, void 0, true)
+          ]),
+          _: 3
+        }),
         Mo.withDirectives(Mo.createElementVNode("input", Mo.mergeProps({
+          id: id.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
         }, _ctx.$attrs, {
           type: _ctx.type,
@@ -33,10 +73,47 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
         }), null, 16, _hoisted_2), [
           [Mo.vModelDynamic, modelValue.value]
         ]),
-        Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        Mo.createVNode(Mo.unref(index.O), {
+          "as-child": "",
+          class: "celeste-text-input-icon celeste-text-input-trailing-icon"
+        }, {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(_ctx.$slots, "trailingIcon", {}, void 0, true)
+          ]),
+          _: 3
+        }),
+        Mo.createVNode(Mo.unref(index.O), {
+          "as-child": "",
+          class: "celeste-text-input-node celeste-text-input-trailing-node"
+        }, {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(_ctx.$slots, "trailingNode", {}, void 0, true)
+          ]),
+          _: 3
+        }),
+        Mo.createVNode(Mo.unref(index.O), {
+          inline: "",
+          "as-child": "",
+          class: "celeste-text-input-inline-node celeste-text-input-trailing-inline-node"
+        }, {
+          default: Mo.withCtx(() => [
+            showClearButton.value ? (Mo.openBlock(), Mo.createBlock(textInputButton, {
+              key: 0,
+              type: "button",
+              "aria-label": "Clear search",
+              onClick: clearInput
+            }, {
+              default: Mo.withCtx(() => _cache[1] || (_cache[1] = [
+                Mo.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
+              ])),
+              _: 1
+            })) : Mo.renderSlot(_ctx.$slots, "trailingInlineNode", { key: 1 }, void 0, true)
+          ]),
+          _: 3
+        })
       ], 10, _hoisted_1);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-105e81d6"]]);
+const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-db633aec"]]);
 module.exports = TextInput;

package/dist/components/combobox/combobox.d.ts

@@ -10,6 +10,7 @@ export interface ComboboxPropsType extends ComboboxRootProps {
     emptyLabel?: string;
     badgeProps?: BadgeProps;
     searchable?: boolean;
+    class?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxPropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue) => any;

package/dist/components/dropdown/dropdown.d.ts

@@ -33,10 +33,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     size: "xs" | "sm" | "md";
     type: "normal" | "compact" | "inline" | "compact-input";
     disabled: boolean;
-    position: "top" | "bottom";
     multiple: boolean;
     placeholder: string;
     searchable: boolean;
+    position: "top" | "bottom";
     align: "start" | "end" | "center";
     emptyLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {

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

@@ -2,7 +2,5 @@ export * from './text-input-affix';
 export { default as TextInputAffix } from './text-input-affix';
 export * from './text-input-button';
 export { default as TextInputButton } from './text-input-button';
-export * from './text-input-icon';
-export { default as TextInputIcon } from './text-input-icon';
 export * from './text-input';
 export { default as TextInput } from './text-input';

package/dist/components/text-input/text-input-affix.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
-    variant?: 'prefix' | 'suffix';
     inline?: boolean;
     asKbd?: boolean;
 };
@@ -14,9 +13,7 @@ declare function __VLS_template(): {
     rootEl: HTMLSpanElement;
 };
 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<{}>, {
-    variant: "prefix" | "suffix";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -17,7 +17,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     type: "text" | "email" | "password" | "search" | "tel" | "url";
     hasError: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>, {
-    default?(_: {}): any;
+    leadingIcon?(_: {}): any;
+    leadingNode?(_: {}): any;
+    leadingInlineNode?(_: {}): any;
+    trailingIcon?(_: {}): any;
+    trailingNode?(_: {}): any;
+    trailingInlineNode?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/es/color-picker.js

@@ -20,8 +20,7 @@ import SelectTrigger from "./select-trigger.js";
 import SelectValue from "./select-value.js";
 import { _ as _sfc_main$3 } from "./chunks/select.js";
 /* empty css                                                                        */
-/* empty css                                                                         */
-/* empty css                                                                       */
+import "./text-input-button.js";
 import TextInput from "./text-input.js";
 import { _ as _sfc_main$2 } from "./chunks/alpha-slider.js";
 import ColorArea from "./color-area.js";

package/dist/es/combobox-input.js

@@ -1,7 +1,6 @@
-import { defineComponent, mergeModels, useModel, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode } from "vue";
+import { defineComponent, mergeModels, useModel, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementVNode } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
 import { D as Wv } from "./chunks/index.js";
-import TextInputIcon from "./text-input-icon.js";
 import TextInput from "./text-input.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -48,12 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             readonly: !props.searchable,
             style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
           }), {
-            default: withCtx(() => [
-              props.searchable ? (openBlock(), createBlock(TextInputIcon, {
-                key: 0,
-                icon: "i-celeste-search-2-line"
-              })) : createCommentVNode("", true)
-            ]),
+            leadingIcon: withCtx(() => _cache[1] || (_cache[1] = [
+              createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)
+            ])),
             _: 1
           }, 16, ["modelValue", "readonly", "style"])
         ]),
@@ -62,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboboxInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6de83486"]]);
+const ComboboxInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd59a65e"]]);
 export {
   ComboboxInput as default
 };

package/dist/es/combobox.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode, createElementVNode, createElementBlock, normalizeClass, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createSlots, createTextVNode, Fragment, renderList } from "vue";
+import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode, normalizeClass, createElementBlock, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createSlots, createTextVNode, Fragment, renderList } from "vue";
 import { x as xe } from "./chunks/index.js";
 import Badge from "./badge.js";
 import { _ as _sfc_main$2 } from "./chunks/combobox-anchor.js";
@@ -11,24 +11,28 @@ import { _ as _sfc_main$1 } from "./chunks/combobox-root.js";
 import ComboboxSeparator from "./combobox-separator.js";
 import ComboboxTrigger from "./combobox-trigger.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "celeste-dropdown-anchor-trigger-prefix" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
-  class: "celeste-dropdown-anchor-trigger-prefix-selected"
+  class: "celeste-dropdown-anchor-trigger-prefix"
 };
+const _hoisted_2 = { class: "celeste-dropdown-anchor-trigger-prefix-selected" };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = {
-  key: 0,
+  key: 1,
+  class: "celeste-dropdown-anchor-trigger-prefix"
+};
+const _hoisted_6 = {
+  key: 2,
   class: "celeste-dropdown-input"
 };
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = {
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = {
   key: 2,
   class: "celeste-input-badge"
 };
-const _hoisted_9 = ["src"];
+const _hoisted_10 = ["src"];
 const __default__ = {
   inheritAttrs: false
 };
@@ -40,10 +44,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     valueBy: {},
     placeholder: { default: "Select" },
     type: {},
-    size: { default: "sm" },
+    size: { default: "md" },
     emptyLabel: {},
     badgeProps: {},
     searchable: { type: Boolean },
+    class: {},
     modelValue: {},
     defaultValue: {},
     open: { type: Boolean },
@@ -76,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emptyLabel,
         badgeProps,
         searchable,
+        class: _class,
         ...delegated
       } = props;
       return delegated;
@@ -118,11 +124,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(ComboboxTrigger, {
                 type: _ctx.type,
                 filled: !!model.value,
-                size: _ctx.size
+                size: _ctx.size,
+                class: normalizeClass(props.class)
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
-                    model.value && !Array.isArray(model.value) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  model.value && !Array.isArray(model.value) && (model.value.icon || model.value.image) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                    createElementVNode("div", _hoisted_2, [
                       model.value.icon ? (openBlock(), createElementBlock("i", {
                         key: 0,
                         class: normalizeClass(model.value.icon)
@@ -136,14 +143,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, null, 8, _hoisted_4)
                         ], true)
                       ])) : createCommentVNode("", true)
-                    ])) : renderSlot(_ctx.$slots, "prefix", {
-                      key: 1,
-                      class: "celeste-dropdown-anchor-trigger-prefix-default"
-                    }, void 0, true)
-                  ]),
-                  _ctx.type !== "inline" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    _ctx.multiple ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.placeholder), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(model.value && !Array.isArray(model.value) ? model.value.label : props.placeholder), 1)),
-                    mergedBadgeProps.value && _ctx.badgeProps ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                    ])
+                  ])) : _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    renderSlot(_ctx.$slots, "prefix", { class: "celeste-dropdown-anchor-trigger-prefix-default" }, void 0, true)
+                  ])) : createCommentVNode("", true),
+                  _ctx.type !== "inline" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    _ctx.multiple ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.placeholder), 1)) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(model.value && !Array.isArray(model.value) ? model.value.label : props.placeholder), 1)),
+                    mergedBadgeProps.value && _ctx.badgeProps ? (openBlock(), createElementBlock("span", _hoisted_9, [
                       createVNode(Badge, normalizeProps(guardReactiveProps(mergedBadgeProps.value)), null, 16)
                     ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
@@ -152,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], -1))
                 ]),
                 _: 3
-              }, 8, ["type", "filled", "size"])
+              }, 8, ["type", "filled", "size", "class"])
             ]),
             _: 3
           }),
@@ -195,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           src: option.image,
                           alt: "option",
                           class: "celeste-dropdown-item-image"
-                        }, null, 8, _hoisted_9)) : createCommentVNode("", true)
+                        }, null, 8, _hoisted_10)) : createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
@@ -212,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6216767"]]);
+const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-268c7202"]]);
 export {
   combobox as default
 };

package/dist/es/index.js

@@ -62,8 +62,7 @@ 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 TextInputIcon from "./text-input-icon.js";
+import TextInputButton from "./text-input-button.js";
 import TextInput from "./text-input.js";
 import textarea from "./textarea.js";
 import Tooltip from "./tooltip.js";
@@ -134,8 +133,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TabMenuList: tabMenuList,
   TextInput,
   TextInputAffix: textInputAffix,
-  TextInputButton: textInputButton,
-  TextInputIcon,
+  TextInputButton,
   Textarea: textarea,
   Tooltip
 }, Symbol.toStringTag, { value: "Module" }));
@@ -213,8 +211,7 @@ export {
   tabMenuList as TabMenuList,
   TextInput,
   textInputAffix as TextInputAffix,
-  textInputButton as TextInputButton,
-  TextInputIcon,
+  TextInputButton,
   textarea as Textarea,
   Tooltip
 };

package/dist/es/text-input-affix.js

@@ -7,7 +7,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "text-input-affix",
   props: {
     class: {},
-    variant: { default: "prefix" },
     inline: { type: Boolean },
     asKbd: { type: Boolean }
   },
@@ -23,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const textInputAffix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a78ff6e3"]]);
+const textInputAffix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d8a1dbc"]]);
 export {
   textInputAffix as default
 };

package/dist/es/text-input-button.js

@@ -2,7 +2,6 @@ import { defineComponent, openBlock, createBlock, mergeProps, unref, withCtx, re
 import Button from "./button.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-/* empty css                                                                         */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "text-input-button",
@@ -27,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const textInputButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82489224"]]);
+const TextInputButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d21364e"]]);
 export {
-  textInputButton as default
+  TextInputButton as default
 };