@youcan/celeste 0.6.15 → 0.6.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/celeste.css +597 -198
  2. package/dist/cjs/chunks/combobox-anchor.js +31 -0
  3. package/dist/cjs/chunks/combobox-root.js +38 -0
  4. package/dist/cjs/chunks/index.js +17 -0
  5. package/dist/cjs/combobox-anchor.js +3 -0
  6. package/dist/cjs/combobox-empty.js +32 -0
  7. package/dist/cjs/combobox-group.js +42 -0
  8. package/dist/cjs/combobox-input.js +67 -0
  9. package/dist/cjs/combobox-item.js +109 -0
  10. package/dist/cjs/combobox-list.js +62 -0
  11. package/dist/cjs/combobox-root.js +3 -0
  12. package/dist/cjs/combobox-separator.js +32 -0
  13. package/dist/cjs/combobox-trigger.js +46 -0
  14. package/dist/cjs/combobox.js +208 -0
  15. package/dist/cjs/dropdown.js +10 -3
  16. package/dist/cjs/index.js +30 -0
  17. package/dist/cjs/text-input-icon.js +2 -2
  18. package/dist/components/combobox/combobox-anchor.d.ts +22 -0
  19. package/dist/components/combobox/combobox-empty.d.ts +22 -0
  20. package/dist/components/combobox/combobox-group.d.ts +23 -0
  21. package/dist/components/combobox/combobox-input.d.ts +17 -0
  22. package/dist/components/combobox/combobox-item.d.ts +31 -0
  23. package/dist/components/combobox/combobox-list.d.ts +36 -0
  24. package/dist/components/combobox/combobox-root.d.ts +29 -0
  25. package/dist/components/combobox/combobox-separator.d.ts +22 -0
  26. package/dist/components/combobox/combobox-trigger.d.ts +20 -0
  27. package/dist/components/combobox/combobox.d.ts +53 -0
  28. package/dist/components/combobox/index.d.ts +20 -0
  29. package/dist/components/dropdown/dropdown.d.ts +5 -1
  30. package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +4 -4
  31. package/dist/components/index.d.ts +1 -0
  32. package/dist/components/modal/modal-content.d.ts +2 -2
  33. package/dist/components/popover/popover-content.d.ts +2 -2
  34. package/dist/es/chunks/combobox-anchor.js +32 -0
  35. package/dist/es/chunks/combobox-root.js +39 -0
  36. package/dist/es/chunks/index.js +59 -42
  37. package/dist/es/combobox-anchor.js +4 -0
  38. package/dist/es/combobox-empty.js +33 -0
  39. package/dist/es/combobox-group.js +43 -0
  40. package/dist/es/combobox-input.js +68 -0
  41. package/dist/es/combobox-item.js +110 -0
  42. package/dist/es/combobox-list.js +63 -0
  43. package/dist/es/combobox-root.js +4 -0
  44. package/dist/es/combobox-separator.js +33 -0
  45. package/dist/es/combobox-trigger.js +47 -0
  46. package/dist/es/combobox.js +209 -0
  47. package/dist/es/command-group.js +1 -1
  48. package/dist/es/command-input.js +1 -1
  49. package/dist/es/command-separator.js +1 -1
  50. package/dist/es/dropdown-menu-group.js +1 -1
  51. package/dist/es/dropdown-menu-item.js +1 -1
  52. package/dist/es/dropdown-menu-label.js +1 -1
  53. package/dist/es/dropdown-menu-separator.js +1 -1
  54. package/dist/es/dropdown-menu-trigger.js +1 -1
  55. package/dist/es/dropdown-menu.js +1 -1
  56. package/dist/es/dropdown.js +11 -4
  57. package/dist/es/index.js +75 -45
  58. package/dist/es/label.js +1 -1
  59. package/dist/es/modal-content.js +1 -1
  60. package/dist/es/modal-header.js +1 -1
  61. package/dist/es/popover-content.js +1 -1
  62. package/dist/es/popover-trigger.js +1 -1
  63. package/dist/es/segmented-control-item.js +1 -1
  64. package/dist/es/segmented-control.js +1 -1
  65. package/dist/es/select-content.js +1 -1
  66. package/dist/es/select-item.js +1 -1
  67. package/dist/es/select-trigger.js +1 -1
  68. package/dist/es/select-value.js +1 -1
  69. package/dist/es/tab-menu-content.js +1 -1
  70. package/dist/es/tab-menu-item.js +1 -1
  71. package/dist/es/tab-menu-list.js +1 -1
  72. package/dist/es/text-input-icon.js +2 -2
  73. package/dist/es/tooltip.js +1 -1
  74. package/package.json +3 -3
  75. package/src/components/combobox/combobox-anchor.vue +25 -0
  76. package/src/components/combobox/combobox-empty.vue +30 -0
  77. package/src/components/combobox/combobox-group.vue +42 -0
  78. package/src/components/combobox/combobox-input.vue +64 -0
  79. package/src/components/combobox/combobox-item.vue +196 -0
  80. package/src/components/combobox/combobox-list.vue +100 -0
  81. package/src/components/combobox/combobox-root.vue +14 -0
  82. package/src/components/combobox/combobox-separator.vue +31 -0
  83. package/src/components/combobox/combobox-trigger.vue +249 -0
  84. package/src/components/combobox/combobox.vue +257 -0
  85. package/src/components/combobox/index.ts +29 -0
  86. package/src/components/combobox/stories/combobox.stories.ts +99 -0
  87. package/src/components/dropdown/dropdown.vue +33 -2
  88. package/src/components/index.ts +1 -0
@@ -13,20 +13,20 @@ declare function __VLS_template(): {
13
13
  };
14
14
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
15
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
16
- entryFocus: (event: Event) => any;
17
- openAutoFocus: (event: Event) => any;
18
16
  escapeKeyDown: (event: KeyboardEvent) => any;
19
17
  pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
20
18
  focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
21
19
  interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
20
+ entryFocus: (event: Event) => any;
21
+ openAutoFocus: (event: Event) => any;
22
22
  closeAutoFocus: (event: Event) => any;
23
23
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
24
- onEntryFocus?: ((event: Event) => any) | undefined;
25
- onOpenAutoFocus?: ((event: Event) => any) | undefined;
26
24
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
27
25
  onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
28
26
  onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
29
27
  onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
28
+ onEntryFocus?: ((event: Event) => any) | undefined;
29
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
30
30
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
31
31
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
32
32
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -2,6 +2,7 @@ export * from './alert';
2
2
  export * from './badge';
3
3
  export * from './button';
4
4
  export * from './checkbox';
5
+ export * from './combobox';
5
6
  export * from './content-divider';
6
7
  export * from './dropdown';
7
8
  export * from './dropdown-menu';
@@ -14,18 +14,18 @@ declare function __VLS_template(): {
14
14
  };
15
15
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
16
16
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
17
- openAutoFocus: (event: Event) => any;
18
17
  escapeKeyDown: (event: KeyboardEvent) => any;
19
18
  pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
20
19
  focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
21
20
  interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
21
+ openAutoFocus: (event: Event) => any;
22
22
  closeAutoFocus: (event: Event) => any;
23
23
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
24
- onOpenAutoFocus?: ((event: Event) => any) | undefined;
25
24
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
26
25
  onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
27
26
  onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
28
27
  onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
28
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
29
29
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
30
30
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
31
31
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -11,18 +11,18 @@ export interface PopoverContentProps {
11
11
  iconSize?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
12
12
  }
13
13
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopoverContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
14
- openAutoFocus: (event: Event) => any;
15
14
  escapeKeyDown: (event: KeyboardEvent) => any;
16
15
  pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
17
16
  focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
18
17
  interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
18
+ openAutoFocus: (event: Event) => any;
19
19
  closeAutoFocus: (event: Event) => any;
20
20
  }, string, import('vue').PublicProps, Readonly<PopoverContentProps> & Readonly<{
21
- onOpenAutoFocus?: ((event: Event) => any) | undefined;
22
21
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
23
22
  onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
24
23
  onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
25
24
  onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
25
+ onOpenAutoFocus?: ((event: Event) => any) | undefined;
26
26
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
27
27
  }>, {
28
28
  side: "top" | "right" | "bottom" | "left";
@@ -0,0 +1,32 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { c as clsx } from "./clsx.js";
3
+ import { A as At, j as jv } from "./index.js";
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "combobox-anchor",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {},
9
+ class: {}
10
+ },
11
+ setup(__props) {
12
+ const props = __props;
13
+ const delegatedProps = computed(() => {
14
+ const { class: _, ...delegated } = props;
15
+ return delegated;
16
+ });
17
+ const forwarded = At(delegatedProps);
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(jv), mergeProps(unref(forwarded), {
20
+ class: unref(clsx)(props.class, "celeste-dropdown-anchor")
21
+ }), {
22
+ default: withCtx(() => [
23
+ renderSlot(_ctx.$slots, "default")
24
+ ]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ export {
31
+ _sfc_main as _
32
+ };
@@ -0,0 +1,39 @@
1
+ import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
2
+ import { x as xe, H as Hv } from "./index.js";
3
+ const _sfc_main = /* @__PURE__ */ defineComponent({
4
+ __name: "combobox-root",
5
+ props: {
6
+ modelValue: {},
7
+ defaultValue: {},
8
+ open: { type: Boolean },
9
+ defaultOpen: { type: Boolean },
10
+ searchTerm: {},
11
+ selectedValue: {},
12
+ multiple: { type: Boolean },
13
+ disabled: { type: Boolean },
14
+ name: {},
15
+ dir: {},
16
+ filterFunction: { type: Function },
17
+ displayValue: { type: Function },
18
+ resetSearchTermOnBlur: { type: Boolean },
19
+ asChild: { type: Boolean },
20
+ as: {}
21
+ },
22
+ emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
23
+ setup(__props, { emit: __emit }) {
24
+ const props = __props;
25
+ const emits = __emit;
26
+ const forwarded = xe(props, emits);
27
+ return (_ctx, _cache) => {
28
+ return openBlock(), createBlock(unref(Hv), normalizeProps(guardReactiveProps(unref(forwarded))), {
29
+ default: withCtx(() => [
30
+ renderSlot(_ctx.$slots, "default")
31
+ ]),
32
+ _: 3
33
+ }, 16);
34
+ };
35
+ }
36
+ });
37
+ export {
38
+ _sfc_main as _
39
+ };
@@ -4669,6 +4669,22 @@ const Jv = /* @__PURE__ */ defineComponent({
4669
4669
  _: 3
4670
4670
  }, 16));
4671
4671
  }
4672
+ }), nm = /* @__PURE__ */ defineComponent({
4673
+ __name: "ComboboxPortal",
4674
+ props: {
4675
+ to: {},
4676
+ disabled: { type: Boolean },
4677
+ forceMount: { type: Boolean }
4678
+ },
4679
+ setup(a2) {
4680
+ const t = a2;
4681
+ return (e, n) => (openBlock(), createBlock(unref(ot), normalizeProps(guardReactiveProps(t)), {
4682
+ default: withCtx(() => [
4683
+ renderSlot(e.$slots, "default")
4684
+ ]),
4685
+ _: 3
4686
+ }, 16));
4687
+ }
4672
4688
  }), Za = /* @__PURE__ */ defineComponent({
4673
4689
  __name: "MenuAnchor",
4674
4690
  props: {
@@ -8959,60 +8975,61 @@ const av = /* @__PURE__ */ defineComponent({
8959
8975
  }
8960
8976
  });
8961
8977
  export {
8962
- Eu as $,
8978
+ sh as $,
8963
8979
  At as A,
8964
- tm as B,
8980
+ qv as B,
8965
8981
  Ch as C,
8966
- qv as D,
8982
+ Wv as D,
8967
8983
  Qv as E,
8968
8984
  Fy as F,
8969
8985
  Gy as G,
8970
8986
  Hv as H,
8971
- fh as I,
8987
+ nm as I,
8972
8988
  Jv as J,
8973
8989
  Kv as K,
8974
- ch as L,
8990
+ tm as L,
8975
8991
  My as M,
8976
8992
  Ny as N,
8977
8993
  Oy as O,
8978
- hh as P,
8994
+ fh as P,
8979
8995
  Qf as Q,
8980
- ph as R,
8981
- rh as S,
8982
- sh as T,
8996
+ ch as R,
8997
+ hh as S,
8998
+ ph as T,
8983
8999
  Uv as U,
8984
9000
  Vy as V,
8985
9001
  Wy as W,
8986
9002
  Xv as X,
8987
- Oh as Y,
9003
+ Yv as Y,
8988
9004
  Zv as Z,
8989
- Dv as _,
9005
+ rh as _,
8990
9006
  Gl as a,
8991
- xu as a0,
8992
- Pu as a1,
8993
- Du as a2,
8994
- bs as a3,
8995
- ws as a4,
8996
- _s as a5,
8997
- xs as a6,
8998
- gs as a7,
8999
- zy as a8,
9000
- Ky as a9,
9001
- Xy as aa,
9002
- jy as ab,
9003
- Yy as ac,
9004
- Uy as ad,
9005
- Ly as ae,
9006
- eg as af,
9007
- Qy as ag,
9008
- Lg as ah,
9009
- zg as ai,
9010
- Kg as aj,
9011
- jg as ak,
9012
- Hg as al,
9013
- Wg as am,
9014
- Wv as an,
9015
- Yv as ao,
9007
+ Oh as a0,
9008
+ Dv as a1,
9009
+ Eu as a2,
9010
+ xu as a3,
9011
+ Pu as a4,
9012
+ Du as a5,
9013
+ bs as a6,
9014
+ ws as a7,
9015
+ _s as a8,
9016
+ xs as a9,
9017
+ gs as aa,
9018
+ zy as ab,
9019
+ Ky as ac,
9020
+ Xy as ad,
9021
+ jy as ae,
9022
+ Yy as af,
9023
+ Uy as ag,
9024
+ Ly as ah,
9025
+ eg as ai,
9026
+ Qy as aj,
9027
+ Lg as ak,
9028
+ zg as al,
9029
+ Kg as am,
9030
+ jg as an,
9031
+ Hg as ao,
9032
+ Wg as ap,
9016
9033
  bh as b,
9017
9034
  tg as c,
9018
9035
  ag as d,
@@ -9021,19 +9038,19 @@ export {
9021
9038
  yg as g,
9022
9039
  hg as h,
9023
9040
  ih as i,
9024
- gg as j,
9041
+ jv as j,
9025
9042
  ky as k,
9026
- Cg as l,
9043
+ gg as l,
9027
9044
  mg as m,
9028
9045
  ng as n,
9029
9046
  og as o,
9030
- bg as p,
9047
+ Cg as p,
9031
9048
  qy as q,
9032
- lv as r,
9033
- sv as s,
9049
+ bg as r,
9050
+ lv as s,
9034
9051
  tu as t,
9035
9052
  uh as u,
9036
- jv as v,
9053
+ sv as v,
9037
9054
  wh as w,
9038
9055
  xe as x,
9039
9056
  ys as y,
@@ -0,0 +1,4 @@
1
+ import { _ as _sfc_main } from "./chunks/combobox-anchor.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { Z as Zv } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "combobox-empty",
7
+ props: {
8
+ asChild: { type: Boolean },
9
+ as: {},
10
+ class: {}
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ const delegatedProps = computed(() => {
15
+ const { class: _, ...delegated } = props;
16
+ return delegated;
17
+ });
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(Zv), mergeProps(delegatedProps.value, {
20
+ class: unref(clsx)("celeste-dropdown-empty-list", props.class)
21
+ }), {
22
+ default: withCtx(() => [
23
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
24
+ ]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ const ComboboxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-450bfb63"]]);
31
+ export {
32
+ ComboboxEmpty as default
33
+ };
@@ -0,0 +1,43 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { B as qv, Y as Yv } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "combobox-group",
7
+ props: {
8
+ asChild: { type: Boolean },
9
+ as: {},
10
+ class: {},
11
+ heading: {}
12
+ },
13
+ setup(__props) {
14
+ const props = __props;
15
+ const delegatedProps = computed(() => {
16
+ const { class: _, ...delegated } = props;
17
+ return delegated;
18
+ });
19
+ return (_ctx, _cache) => {
20
+ return openBlock(), createBlock(unref(qv), mergeProps(delegatedProps.value, {
21
+ class: unref(clsx)(props.class, "celeste-dropdown-items-group")
22
+ }), {
23
+ default: withCtx(() => [
24
+ _ctx.heading ? (openBlock(), createBlock(unref(Yv), {
25
+ key: 0,
26
+ class: ""
27
+ }, {
28
+ default: withCtx(() => [
29
+ createTextVNode(toDisplayString(_ctx.heading), 1)
30
+ ]),
31
+ _: 1
32
+ })) : createCommentVNode("", true),
33
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
34
+ ]),
35
+ _: 3
36
+ }, 16, ["class"]);
37
+ };
38
+ }
39
+ });
40
+ const ComboboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-66b5c9e4"]]);
41
+ export {
42
+ ComboboxGroup as default
43
+ };
@@ -0,0 +1,68 @@
1
+ import { defineComponent, mergeModels, useModel, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { D as Wv } from "./chunks/index.js";
4
+ import TextInputIcon from "./text-input-icon.js";
5
+ import TextInput from "./text-input.js";
6
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "combobox-input",
9
+ props: /* @__PURE__ */ mergeModels({
10
+ type: {},
11
+ disabled: { type: Boolean },
12
+ autoFocus: { type: Boolean },
13
+ asChild: { type: Boolean },
14
+ as: {},
15
+ class: {},
16
+ textInputProps: {},
17
+ searchable: { type: Boolean }
18
+ }, {
19
+ "modelValue": {},
20
+ "modelModifiers": {}
21
+ }),
22
+ emits: ["update:modelValue"],
23
+ setup(__props) {
24
+ const props = __props;
25
+ const model = useModel(__props, "modelValue");
26
+ const comboboxInputProps = computed(() => {
27
+ const { class: _class, textInputProps: _textInputProps, ...rest } = props;
28
+ return rest;
29
+ });
30
+ const textInputProps = computed(() => {
31
+ return {
32
+ type: "search",
33
+ size: "sm",
34
+ placeholder: "Search",
35
+ ...props.textInputProps
36
+ };
37
+ });
38
+ return (_ctx, _cache) => {
39
+ return openBlock(), createBlock(unref(Wv), mergeProps(comboboxInputProps.value, {
40
+ class: unref(clsx)("celeste-dropdown-input", props.class),
41
+ readonly: !props.searchable,
42
+ as: "div"
43
+ }), {
44
+ default: withCtx(() => [
45
+ createVNode(TextInput, mergeProps(textInputProps.value, {
46
+ modelValue: model.value,
47
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
48
+ readonly: !props.searchable,
49
+ style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
50
+ }), {
51
+ default: withCtx(() => [
52
+ props.searchable ? (openBlock(), createBlock(TextInputIcon, {
53
+ key: 0,
54
+ icon: "i-celeste-search-2-line"
55
+ })) : createCommentVNode("", true)
56
+ ]),
57
+ _: 1
58
+ }, 16, ["modelValue", "readonly", "style"])
59
+ ]),
60
+ _: 1
61
+ }, 16, ["class", "readonly"]);
62
+ };
63
+ }
64
+ });
65
+ const ComboboxInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6de83486"]]);
66
+ export {
67
+ ComboboxInput as default
68
+ };
@@ -0,0 +1,110 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, toDisplayString } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { x as xe, E as Qv } from "./chunks/index.js";
4
+ import { _ as _sfc_main$1 } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.js";
5
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
6
+ const _hoisted_1 = ["aria-disabled"];
7
+ const _hoisted_2 = { class: "celeste-dropdown-item-info" };
8
+ const _hoisted_3 = ["innerHTML"];
9
+ const _hoisted_4 = {
10
+ key: 0,
11
+ class: "celeste-dropdown-item-sublabel"
12
+ };
13
+ const _hoisted_5 = {
14
+ key: 0,
15
+ class: "celeste-dropdown-item-description"
16
+ };
17
+ const _hoisted_6 = {
18
+ key: 2,
19
+ class: "celeste-dropdown-item-suffix"
20
+ };
21
+ const _hoisted_7 = {
22
+ key: 3,
23
+ class: "i-celeste-check-fill"
24
+ };
25
+ const _sfc_main = /* @__PURE__ */ defineComponent({
26
+ __name: "combobox-item",
27
+ props: {
28
+ class: {},
29
+ label: {},
30
+ size: { default: "sm" },
31
+ checkbox: { type: Boolean },
32
+ sublabel: {},
33
+ description: {},
34
+ selected: { type: [Boolean, String] },
35
+ focused: { type: Boolean },
36
+ value: { type: [String, Number, Boolean, Object] },
37
+ icon: {},
38
+ image: {},
39
+ disabled: { type: Boolean }
40
+ },
41
+ emits: ["select"],
42
+ setup(__props, { emit: __emit }) {
43
+ const props = __props;
44
+ const emits = __emit;
45
+ const delegatedProps = computed(() => {
46
+ const { class: _, ...delegated } = props;
47
+ return delegated;
48
+ });
49
+ const forwarded = xe(delegatedProps, emits);
50
+ return (_ctx, _cache) => {
51
+ return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), {
52
+ disabled: _ctx.disabled,
53
+ "as-child": ""
54
+ }), {
55
+ default: withCtx(() => [
56
+ createElementVNode("div", {
57
+ tabindex: "0",
58
+ "aria-disabled": _ctx.disabled,
59
+ class: normalizeClass(unref(clsx)(
60
+ props.class,
61
+ "celeste-dropdown-item",
62
+ { "celeste-dropdown-item-disabled": _ctx.disabled },
63
+ { "celeste-dropdown-item-selected": _ctx.selected },
64
+ { "celeste-dropdown-item-focused": _ctx.focused }
65
+ ))
66
+ }, [
67
+ _ctx.checkbox && _ctx.size === "sm" ? (openBlock(), createBlock(_sfc_main$1, {
68
+ key: 0,
69
+ checked: _ctx.selected,
70
+ disabled: _ctx.disabled
71
+ }, null, 8, ["checked", "disabled"])) : createCommentVNode("", true),
72
+ _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
73
+ key: 1,
74
+ class: normalizeClass(unref(clsx)(
75
+ "celeste-dropdown-item-prefix",
76
+ `celeste-dropdown-item-prefix-${_ctx.size}`
77
+ ))
78
+ }, [
79
+ renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
80
+ ], 2)) : createCommentVNode("", true),
81
+ createElementVNode("div", _hoisted_2, [
82
+ createElementVNode("div", {
83
+ class: normalizeClass(unref(clsx)(
84
+ "celeste-dropdown-item-header",
85
+ `celeste-dropdown-item-header-${_ctx.size}`
86
+ ))
87
+ }, [
88
+ createElementVNode("span", {
89
+ class: "celeste-dropdown-item-label",
90
+ innerHTML: _ctx.label
91
+ }, null, 8, _hoisted_3),
92
+ _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)
93
+ ], 2),
94
+ _ctx.description && _ctx.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
95
+ ]),
96
+ _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [
97
+ renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
98
+ ])) : createCommentVNode("", true),
99
+ _ctx.selected ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
100
+ ], 10, _hoisted_1)
101
+ ]),
102
+ _: 3
103
+ }, 16, ["disabled"]);
104
+ };
105
+ }
106
+ });
107
+ const ComboboxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c2bd0ae"]]);
108
+ export {
109
+ ComboboxItem as default
110
+ };
@@ -0,0 +1,63 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { x as xe, I as nm, X as Xv, J as Jv } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "combobox-list",
7
+ props: {
8
+ forceMount: { type: Boolean },
9
+ position: { default: "popper" },
10
+ bodyLock: { type: Boolean },
11
+ dismissable: { type: Boolean },
12
+ side: {},
13
+ sideOffset: { default: 4 },
14
+ align: { default: "start" },
15
+ alignOffset: {},
16
+ avoidCollisions: { type: Boolean },
17
+ collisionBoundary: {},
18
+ collisionPadding: {},
19
+ arrowPadding: {},
20
+ sticky: {},
21
+ hideWhenDetached: { type: Boolean },
22
+ updatePositionStrategy: {},
23
+ prioritizePosition: { type: Boolean },
24
+ asChild: { type: Boolean },
25
+ as: {},
26
+ disableOutsidePointerEvents: { type: Boolean },
27
+ class: {}
28
+ },
29
+ emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
30
+ setup(__props, { emit: __emit }) {
31
+ const props = __props;
32
+ const emits = __emit;
33
+ const delegatedProps = computed(() => {
34
+ const { class: _, ...delegated } = props;
35
+ return delegated;
36
+ });
37
+ const forwarded = xe(delegatedProps, emits);
38
+ return (_ctx, _cache) => {
39
+ return openBlock(), createBlock(unref(nm), null, {
40
+ default: withCtx(() => [
41
+ createVNode(unref(Xv), mergeProps(unref(forwarded), {
42
+ class: unref(clsx)("celeste-dropdown-content", props.class)
43
+ }), {
44
+ default: withCtx(() => [
45
+ createVNode(unref(Jv), { class: "celeste-dropdown-items-viewport" }, {
46
+ default: withCtx(() => [
47
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
48
+ ]),
49
+ _: 3
50
+ })
51
+ ]),
52
+ _: 3
53
+ }, 16, ["class"])
54
+ ]),
55
+ _: 3
56
+ });
57
+ };
58
+ }
59
+ });
60
+ const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
61
+ export {
62
+ ComboboxList as default
63
+ };
@@ -0,0 +1,4 @@
1
+ import { _ as _sfc_main } from "./chunks/combobox-root.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { L as tm } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "combobox-separator",
7
+ props: {
8
+ asChild: { type: Boolean },
9
+ as: {},
10
+ class: {}
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ const delegatedProps = computed(() => {
15
+ const { class: _, ...delegated } = props;
16
+ return delegated;
17
+ });
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(tm), mergeProps(delegatedProps.value, {
20
+ class: unref(clsx)("celeste-dropdown-separator", props.class)
21
+ }), {
22
+ default: withCtx(() => [
23
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
24
+ ]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ const ComboboxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-987226c9"]]);
31
+ export {
32
+ ComboboxSeparator as default
33
+ };