@youcan/celeste 0.6.15 → 0.6.16

package/dist/cjs/combobox.js

@@ -0,0 +1,208 @@
+"use strict";
+const Mo = require("vue");
+const index = require("./chunks/index.js");
+const badge = require("./badge.js");
+const comboboxAnchor_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-anchor.js");
+const comboboxEmpty = require("./combobox-empty.js");
+const comboboxGroup = require("./combobox-group.js");
+const comboboxInput = require("./combobox-input.js");
+const comboboxItem = require("./combobox-item.js");
+const comboboxList = require("./combobox-list.js");
+const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
+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: "root" };
+const _hoisted_2 = { class: "celeste-dropdown-anchor-trigger-prefix" };
+const _hoisted_3 = {
+  key: 0,
+  class: "celeste-dropdown-anchor-trigger-prefix-selected"
+};
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = ["src"];
+const _hoisted_6 = {
+  key: 0,
+  class: "celeste-dropdown-input"
+};
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = {
+  key: 2,
+  class: "celeste-input-badge"
+};
+const _hoisted_10 = ["src"];
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "combobox",
+  props: {
+    options: {},
+    valueBy: {},
+    placeholder: { default: "Select" },
+    type: {},
+    size: { default: "sm" },
+    emptyLabel: {},
+    badgeProps: {},
+    searchable: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    searchTerm: {},
+    selectedValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    name: {},
+    dir: {},
+    filterFunction: {},
+    displayValue: {},
+    resetSearchTermOnBlur: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = Mo.computed(() => {
+      const { open, modelValue, filterFunction: filterFunction2, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = index.xe(delegatedProps, emits);
+    const selected = Mo.ref(props.multiple ? [] : void 0);
+    function isSelected(value) {
+      if (!Array.isArray(selected.value) || !props.multiple)
+        return;
+      if (value === void 0 || value === null)
+        return false;
+      return selected.value.some((selectedItem) => {
+        const { value: selectedValue } = selectedItem;
+        if (props.valueBy && Object.prototype.hasOwnProperty.call(value, props.valueBy) && Object.prototype.hasOwnProperty.call(selectedValue, props.valueBy)) {
+          return value[props.valueBy] === selectedValue[props.valueBy];
+        }
+        return selectedValue === value;
+      });
+    }
+    function filterFunction(list, searchTerm) {
+      return list.filter((option) => {
+        const { value, label } = option;
+        if (!value || !label)
+          return false;
+        if (props.valueBy && typeof value === "object" && props.valueBy in value) {
+          return String(value[props.valueBy]).toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+        }
+        return value.toString().toLowerCase().includes(searchTerm.toLowerCase()) || label.toString().toLowerCase().includes(searchTerm.toLowerCase());
+      });
+    }
+    const mergedBadgeProps = Mo.computed(() => ({
+      ...props.badgeProps,
+      disabled: props.disabled
+    }));
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+        Mo.createVNode(comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main, Mo.mergeProps(Mo.unref(forwarded), {
+          "model-value": selected.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
+          "filter-function": filterFunction
+        }), {
+          default: Mo.withCtx(() => [
+            Mo.createVNode(comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main, { "as-child": "" }, {
+              default: Mo.withCtx(() => [
+                Mo.createVNode(comboboxTrigger, {
+                  type: _ctx.type,
+                  filled: !!selected.value,
+                  size: _ctx.size
+                }, {
+                  default: Mo.withCtx(() => [
+                    Mo.createElementVNode("div", _hoisted_2, [
+                      selected.value && !Array.isArray(selected.value) ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
+                        selected.value.icon ? (Mo.openBlock(), Mo.createElementBlock("i", {
+                          key: 0,
+                          class: Mo.normalizeClass(selected.value.icon)
+                        }, null, 2)) : Mo.createCommentVNode("", true),
+                        selected.value.image ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_4, [
+                          Mo.renderSlot(_ctx.$slots, "image", Mo.normalizeProps(Mo.guardReactiveProps({ selected: selected.value })), () => [
+                            Mo.createElementVNode("img", {
+                              src: selected.value.image,
+                              alt: "Selected option",
+                              class: "selected-dropdown-image"
+                            }, null, 8, _hoisted_5)
+                          ], 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_6, [
+                      _ctx.multiple ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_7, Mo.toDisplayString(_ctx.placeholder), 1)) : (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_8, Mo.toDisplayString(selected.value && !Array.isArray(selected.value) ? selected.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),
+                    _cache[1] || (_cache[1] = Mo.createElementVNode("div", { class: "celeste-dropdown-trigger" }, [
+                      Mo.createElementVNode("i", { class: "i-celeste-arrow-down-s-line" })
+                    ], -1))
+                  ]),
+                  _: 3
+                }, 8, ["type", "filled", "size"])
+              ]),
+              _: 3
+            }),
+            Mo.createVNode(comboboxList, null, {
+              default: Mo.withCtx(() => [
+                Mo.createElementVNode("div", {
+                  class: Mo.normalizeClass(["celeste-dropdown-inner-input", { "sr-only": !_ctx.searchable }])
+                }, [
+                  Mo.createVNode(comboboxInput, { searchable: _ctx.searchable }, null, 8, ["searchable"]),
+                  _ctx.searchable ? (Mo.openBlock(), Mo.createBlock(comboboxSeparator, { key: 0 })) : Mo.createCommentVNode("", true)
+                ], 2),
+                Mo.createVNode(comboboxEmpty, null, Mo.createSlots({ _: 2 }, [
+                  _ctx.emptyLabel ? {
+                    name: "default",
+                    fn: Mo.withCtx(() => [
+                      Mo.createTextVNode(Mo.toDisplayString(_ctx.emptyLabel), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1024),
+                Mo.createVNode(comboboxGroup, null, {
+                  default: Mo.withCtx(() => [
+                    (Mo.openBlock(true), Mo.createElementBlock(Mo.Fragment, null, Mo.renderList(props.options, (option) => {
+                      return Mo.openBlock(), Mo.createBlock(comboboxItem, {
+                        key: option.label,
+                        label: option.label,
+                        sublabel: option.sublabel,
+                        description: option.description,
+                        checkbox: props.multiple,
+                        value: option,
+                        selected: isSelected(option.value)
+                      }, {
+                        prefix: Mo.withCtx(() => [
+                          option.icon ? (Mo.openBlock(), Mo.createElementBlock("i", {
+                            key: 0,
+                            class: Mo.normalizeClass(option.icon)
+                          }, null, 2)) : Mo.createCommentVNode("", true),
+                          option.image ? (Mo.openBlock(), Mo.createElementBlock("img", {
+                            key: 1,
+                            src: option.image,
+                            alt: "option",
+                            class: "celeste-dropdown-item-image"
+                          }, null, 8, _hoisted_10)) : Mo.createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "sublabel", "description", "checkbox", "value", "selected"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 16, ["model-value"])
+      ]);
+    };
+  }
+});
+const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-424c9dad"]]);
+module.exports = combobox;

package/dist/cjs/dropdown.js

@@ -37,6 +37,8 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     error: { type: Boolean },
     size: { default: "sm" },
     type: { default: "normal" },
+    position: { default: "bottom" },
+    align: { default: "start" },
     multiple: { type: Boolean, default: false },
     emptyLabel: { default: "No options available" },
     searchable: { type: Boolean, default: false },
@@ -192,7 +194,12 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
               key: 0,
               "force-mount": "",
               dismissable: "",
-              class: "celeste-dropdown-content"
+              "avoid-collisions": true,
+              class: Mo.normalizeClass(["celeste-dropdown-content", Mo.unref(clsx.clsx)(
+                "celeste-dropdown-content",
+                `celeste-dropdown-content-size-${_ctx.position}`,
+                `celeste-dropdown-content-align-${_ctx.align}`
+              )])
             }, {
               default: Mo.withCtx(() => [
                 Mo.createVNode(Mo.unref(index.Jv), { class: "celeste-dropdown-items-viewport" }, {
@@ -272,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
                 })
               ]),
               _: 1
-            })) : Mo.createCommentVNode("", true)
+            }, 8, ["class"])) : Mo.createCommentVNode("", true)
           ]),
           _: 3
         }, 8, ["modelValue", "open", "disabled", "multiple", "display-value"])
@@ -280,5 +287,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-2cc18da8"]]);
+const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dd43a899"]]);
 module.exports = dropdown;

package/dist/cjs/index.js

@@ -9,6 +9,16 @@ const fancyButton = require("./fancy-button.js");
 const linkButton = require("./link-button.js");
 const socialButton = require("./social-button.js");
 const checkbox_vue_vue_type_style_index_0_lang = require("./chunks/checkbox.vue_vue_type_style_index_0_lang.js");
+const comboboxAnchor_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-anchor.js");
+const comboboxEmpty = require("./combobox-empty.js");
+const comboboxGroup = require("./combobox-group.js");
+const comboboxInput = require("./combobox-input.js");
+const comboboxItem = require("./combobox-item.js");
+const comboboxList = require("./combobox-list.js");
+const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
+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 contextMenuItem = require("./context-menu-item.js");
 const dropdownItem = require("./dropdown-item.js");
@@ -65,6 +75,16 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Badge: badge,
   Button: button,
   Checkbox: checkbox_vue_vue_type_style_index_0_lang._sfc_main,
+  Combobox: combobox,
+  ComboboxAnchor: comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main,
+  ComboboxEmpty: comboboxEmpty,
+  ComboboxGroup: comboboxGroup,
+  ComboboxInput: comboboxInput,
+  ComboboxItem: comboboxItem,
+  ComboboxList: comboboxList,
+  ComboboxRoot: comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main,
+  ComboboxSeparator: comboboxSeparator,
+  ComboboxTrigger: comboboxTrigger,
   CompactButton: compactButton,
   ContentDivider: contentDivider_vue_vue_type_style_index_0_lang._sfc_main,
   ContextMenuItem: contextMenuItem,
@@ -137,6 +157,16 @@ exports.FancyButton = fancyButton;
 exports.LinkButton = linkButton;
 exports.SocialButton = socialButton;
 exports.Checkbox = checkbox_vue_vue_type_style_index_0_lang._sfc_main;
+exports.ComboboxAnchor = comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.ComboboxEmpty = comboboxEmpty;
+exports.ComboboxGroup = comboboxGroup;
+exports.ComboboxInput = comboboxInput;
+exports.ComboboxItem = comboboxItem;
+exports.ComboboxList = comboboxList;
+exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.ComboboxSeparator = comboboxSeparator;
+exports.ComboboxTrigger = comboboxTrigger;
+exports.Combobox = combobox;
 exports.ContentDivider = contentDivider_vue_vue_type_style_index_0_lang._sfc_main;
 exports.ContextMenuItem = contextMenuItem;
 exports.DropdownItem = dropdownItem;

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

@@ -25,5 +25,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const textInputIcon = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3b859b72"]]);
-module.exports = textInputIcon;
+const TextInputIcon = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3b859b72"]]);
+module.exports = TextInputIcon;

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

@@ -0,0 +1,22 @@
+import { ComboboxAnchorProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ComboboxAnchorProps & {
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/combobox/combobox-empty.d.ts

@@ -0,0 +1,22 @@
+import { ComboboxEmptyProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ComboboxEmptyProps & {
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/combobox/combobox-group.d.ts

@@ -0,0 +1,23 @@
+import { ComboboxGroupProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ComboboxGroupProps & {
+    class?: HTMLAttributes['class'];
+    heading?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/combobox/combobox-input.d.ts

@@ -0,0 +1,17 @@
+import { ComboboxInputProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+import { TextInputProps } from '../text-input/text-input';
+type __VLS_Props = ComboboxInputProps & {
+    class?: HTMLAttributes['class'];
+    textInputProps?: Partial<TextInputProps>;
+    searchable?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: string | undefined;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from 'vue';
+export interface ComboboxItemPropsType {
+    class?: HTMLAttributes['class'];
+    label: string;
+    size?: 'sm' | 'lg';
+    checkbox?: boolean;
+    sublabel?: string;
+    description?: string;
+    selected?: boolean | 'indeterminate';
+    focused?: boolean;
+    value: string | number | boolean | Record<string, any>;
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxItemPropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (event: import('node_modules/radix-vue/dist/Combobox/ComboboxItem').SelectEvent<import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue>) => any;
+}, string, import('vue').PublicProps, Readonly<ComboboxItemPropsType> & Readonly<{
+    onSelect?: ((event: import('node_modules/radix-vue/dist/Combobox/ComboboxItem').SelectEvent<import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue>) => any) | undefined;
+}>, {
+    size: "sm" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,36 @@
+import { ComboboxContentProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ComboboxContentProps & {
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
+    interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
+}>, {
+    position: "inline" | "popper";
+    sideOffset: number;
+    align: import('node_modules/radix-vue/dist/Popper').Align;
+}, {}, {}, {}, 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/combobox/combobox-root.d.ts

@@ -0,0 +1,29 @@
+import { ComboboxRootProps } from 'radix-vue';
+type __VLS_Props = ComboboxRootProps;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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, {
+    "update:modelValue": (value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue) => any;
+    "update:open": (value: boolean) => any;
+    "update:searchTerm": (value: string) => any;
+    "update:selectedValue": (value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    "onUpdate:selectedValue"?: ((value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/combobox/combobox-separator.d.ts

@@ -0,0 +1,22 @@
+import { ComboboxSeparatorProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ComboboxSeparatorProps & {
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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/combobox/combobox-trigger.d.ts

@@ -0,0 +1,20 @@
+import { ComboboxTriggerProps } from 'radix-vue';
+import { HTMLAttributes } from 'vue';
+export interface CustomComboboxTriggerProps extends ComboboxTriggerProps {
+    class?: HTMLAttributes['class'];
+    size?: 'xs' | 'sm' | 'md';
+    filled?: boolean;
+    type?: 'normal' | 'compact' | 'inline' | 'compact-input';
+    error?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CustomComboboxTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CustomComboboxTriggerProps> & Readonly<{}>, {
+    type: "normal" | "compact" | "inline" | "compact-input";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,53 @@
+import { ComboboxRootProps } from 'radix-vue';
+import { BadgeProps } from '../badge/badge';
+import { ComboboxItemPropsType } from './combobox-item';
+export interface ComboboxPropsType extends ComboboxRootProps {
+    options: ComboboxItemPropsType[];
+    valueBy?: string;
+    placeholder?: string;
+    type?: 'normal' | 'compact' | 'inline' | 'compact-input';
+    size?: 'xs' | 'sm' | 'md';
+    emptyLabel?: string;
+    badgeProps?: BadgeProps;
+    searchable?: boolean;
+}
+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;
+    "update:open": (value: boolean) => any;
+    "update:searchTerm": (value: string) => any;
+    "update:selectedValue": (value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<ComboboxPropsType> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    "onUpdate:selectedValue"?: ((value: import('node_modules/radix-vue/dist/Combobox/ComboboxRoot').AcceptableValue | undefined) => any) | undefined;
+}>, {
+    size: "xs" | "sm" | "md";
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    image?(_: {
+        selected: {
+            class?: import('vue').HTMLAttributes["class"];
+            label: string;
+            size?: "sm" | "lg" | undefined;
+            checkbox?: boolean | undefined;
+            sublabel?: string | undefined;
+            description?: string | undefined;
+            selected?: boolean | "indeterminate" | undefined;
+            focused?: boolean | undefined;
+            value: string | number | boolean | Record<string, any>;
+            icon?: string | undefined;
+            image?: string | undefined;
+            disabled?: boolean | undefined;
+        };
+    }): any;
+    prefix?(_: {
+        class: string;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,20 @@
+export * from './combobox-anchor';
+export { default as ComboboxAnchor } from './combobox-anchor';
+export * from './combobox-empty';
+export { default as ComboboxEmpty } from './combobox-empty';
+export * from './combobox-group';
+export { default as ComboboxGroup } from './combobox-group';
+export * from './combobox-input';
+export { default as ComboboxInput } from './combobox-input';
+export * from './combobox-item';
+export { default as ComboboxItem } from './combobox-item';
+export * from './combobox-list';
+export { default as ComboboxList } from './combobox-list';
+export * from './combobox-root';
+export { default as ComboboxRoot } from './combobox-root';
+export * from './combobox-separator';
+export { default as ComboboxSeparator } from './combobox-separator';
+export * from './combobox-trigger';
+export { default as ComboboxTrigger } from './combobox-trigger';
+export * from './combobox';
+export { default as Combobox } from './combobox';

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

@@ -6,6 +6,8 @@ export interface Dropdown {
     error?: boolean;
     size?: 'xs' | 'sm' | 'md';
     type?: 'normal' | 'compact' | 'inline' | 'compact-input';
+    position?: 'top' | 'bottom';
+    align?: 'start' | 'end' | 'center';
     multiple?: boolean;
     emptyLabel?: string;
     searchable?: boolean;
@@ -31,10 +33,12 @@ 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;
-    emptyLabel: string;
     searchable: boolean;
+    align: "start" | "end" | "center";
+    emptyLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     image?(_: {
         model: SelectedType;