@scalar/components 0.12.75 → 0.13.0

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 (164) hide show
  1. package/dist/components/ScalarButton/ScalarButton.stories.d.ts +3 -0
  2. package/dist/components/ScalarButton/ScalarButton.stories.d.ts.map +1 -1
  3. package/dist/components/ScalarButton/ScalarButton.vue.d.ts.map +1 -1
  4. package/dist/components/ScalarButton/ScalarButton.vue.js +29 -32
  5. package/dist/components/ScalarCombobox/ScalarCombobox.stories.d.ts +30 -5
  6. package/dist/components/ScalarCombobox/ScalarCombobox.stories.d.ts.map +1 -1
  7. package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts +24 -7
  8. package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts.map +1 -1
  9. package/dist/components/ScalarCombobox/ScalarCombobox.vue.js +34 -18
  10. package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts +16 -82
  11. package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts.map +1 -1
  12. package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.js +23 -22
  13. package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts +7 -2
  14. package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts.map +1 -1
  15. package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js +23 -28
  16. package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts +25 -1
  17. package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map +1 -1
  18. package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js +58 -56
  19. package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts +5 -11
  20. package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts.map +1 -1
  21. package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.js +43 -43
  22. package/dist/components/ScalarCombobox/types.d.ts +4 -2
  23. package/dist/components/ScalarCombobox/types.d.ts.map +1 -1
  24. package/dist/components/ScalarCombobox/types.js +8 -3
  25. package/dist/components/ScalarDropdown/ScalarDropdown.stories.d.ts +73 -105
  26. package/dist/components/ScalarDropdown/ScalarDropdown.stories.d.ts.map +1 -1
  27. package/dist/components/ScalarDropdown/ScalarDropdown.vue.d.ts +40 -22
  28. package/dist/components/ScalarDropdown/ScalarDropdown.vue.d.ts.map +1 -1
  29. package/dist/components/ScalarDropdown/ScalarDropdown.vue.js +32 -42
  30. package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.d.ts +35 -0
  31. package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.d.ts.map +1 -0
  32. package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.js +7 -0
  33. package/dist/components/ScalarDropdown/ScalarDropdownButton.vue2.js +37 -0
  34. package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.d.ts +17 -1
  35. package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.d.ts.map +1 -1
  36. package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.js +7 -6
  37. package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue2.js +4 -0
  38. package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.d.ts +18 -15
  39. package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.d.ts.map +1 -1
  40. package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.js +2 -2
  41. package/dist/components/ScalarDropdown/ScalarDropdownItem.vue2.js +19 -29
  42. package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.d.ts +32 -0
  43. package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.d.ts.map +1 -0
  44. package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.js +28 -0
  45. package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue2.js +4 -0
  46. package/dist/components/ScalarDropdown/index.d.ts +2 -0
  47. package/dist/components/ScalarDropdown/index.d.ts.map +1 -1
  48. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.spec.d.ts +2 -0
  49. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.spec.d.ts.map +1 -0
  50. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.stories.d.ts +6 -0
  51. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.stories.d.ts.map +1 -0
  52. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.d.ts +18 -0
  53. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.d.ts.map +1 -0
  54. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js +23 -0
  55. package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue2.js +4 -0
  56. package/dist/components/ScalarErrorBoundary/index.d.ts +2 -0
  57. package/dist/components/ScalarErrorBoundary/index.d.ts.map +1 -0
  58. package/dist/components/ScalarFloating/ScalarFloating.stories.d.ts +4 -0
  59. package/dist/components/ScalarFloating/ScalarFloating.stories.d.ts.map +1 -1
  60. package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts +5 -4
  61. package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts.map +1 -1
  62. package/dist/components/ScalarFloating/ScalarFloating.vue.js +32 -29
  63. package/dist/components/ScalarFloating/index.d.ts +1 -1
  64. package/dist/components/ScalarFloating/index.d.ts.map +1 -1
  65. package/dist/components/ScalarFloating/types.d.ts +15 -7
  66. package/dist/components/ScalarFloating/types.d.ts.map +1 -1
  67. package/dist/components/ScalarFloating/useResizeWithTarget.d.ts +3 -0
  68. package/dist/components/ScalarFloating/useResizeWithTarget.d.ts.map +1 -1
  69. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +1 -0
  70. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map +1 -1
  71. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts.map +1 -1
  72. package/dist/components/ScalarIcon/ScalarIcon.vue.js +2 -2
  73. package/dist/components/ScalarIcon/ScalarIcon.vue2.js +18 -15
  74. package/dist/components/ScalarIcon/icons/Hide.svg.js +10 -9
  75. package/dist/components/ScalarIcon/icons/Show.svg.js +7 -8
  76. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +10 -7
  77. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts.map +1 -1
  78. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +1 -1
  79. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +1 -1
  80. package/dist/components/ScalarIconButton/ScalarIconButton.vue.js +19 -21
  81. package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts +52 -25
  82. package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts.map +1 -1
  83. package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts +41 -22
  84. package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map +1 -1
  85. package/dist/components/ScalarListbox/ScalarListbox.vue.js +46 -85
  86. package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts +8 -0
  87. package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts.map +1 -0
  88. package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.js +26 -0
  89. package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue2.js +4 -0
  90. package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts +8 -0
  91. package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts.map +1 -0
  92. package/dist/components/ScalarListbox/ScalarListboxItem.vue.js +53 -0
  93. package/dist/components/ScalarListbox/ScalarListboxItem.vue2.js +4 -0
  94. package/dist/components/ScalarListbox/index.d.ts +3 -1
  95. package/dist/components/ScalarListbox/index.d.ts.map +1 -1
  96. package/dist/components/ScalarListbox/types.d.ts +1 -0
  97. package/dist/components/ScalarListbox/types.d.ts.map +1 -1
  98. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts +28 -6
  99. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map +1 -1
  100. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts +2 -2
  101. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map +1 -1
  102. package/dist/components/ScalarLoading/ScalarLoading.vue.js +3 -3
  103. package/dist/components/ScalarLoading/ScalarLoading.vue2.js +29 -30
  104. package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts +133 -108
  105. package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts.map +1 -1
  106. package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts +34 -18
  107. package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts.map +1 -1
  108. package/dist/components/ScalarMenu/ScalarMenu.vue.js +22 -20
  109. package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts +2 -2
  110. package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts.map +1 -1
  111. package/dist/components/ScalarMenu/ScalarMenuButton.vue.js +25 -17
  112. package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map +1 -1
  113. package/dist/components/ScalarMenu/ScalarMenuLink.vue.js +17 -10
  114. package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts +2 -2
  115. package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts.map +1 -1
  116. package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js +22 -16
  117. package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts +1 -1
  118. package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts.map +1 -1
  119. package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js +25 -22
  120. package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts +1 -1
  121. package/dist/components/ScalarMenu/ScalarMenuResources.vue.js +3 -3
  122. package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts +2 -2
  123. package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts.map +1 -1
  124. package/dist/components/ScalarMenu/ScalarMenuSection.vue.js +18 -15
  125. package/dist/components/ScalarMenu/ScalarMenuSection.vue2.js +4 -0
  126. package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts +1 -1
  127. package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map +1 -1
  128. package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js +18 -16
  129. package/dist/components/ScalarModal/ScalarModal.stories.d.ts +3 -3
  130. package/dist/components/ScalarModal/ScalarModal.vue.d.ts +2 -2
  131. package/dist/components/ScalarPopover/ScalarPopover.stories.d.ts +20 -116
  132. package/dist/components/ScalarPopover/ScalarPopover.stories.d.ts.map +1 -1
  133. package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts +4 -11
  134. package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts.map +1 -1
  135. package/dist/components/ScalarPopover/ScalarPopover.vue.js +23 -24
  136. package/dist/components/ScalarPopover/index.d.ts +1 -0
  137. package/dist/components/ScalarPopover/index.d.ts.map +1 -1
  138. package/dist/components/ScalarPopover/types.d.ts +15 -0
  139. package/dist/components/ScalarPopover/types.d.ts.map +1 -0
  140. package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts +6 -1
  141. package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts.map +1 -1
  142. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +3 -3
  143. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue2.js +10 -10
  144. package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map +1 -1
  145. package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js +31 -35
  146. package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.d.ts.map +1 -1
  147. package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.js +12 -18
  148. package/dist/components/ScalarToggle/ScalarToggle.stories.d.ts +26 -39
  149. package/dist/components/ScalarToggle/ScalarToggle.stories.d.ts.map +1 -1
  150. package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts +3 -5
  151. package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts.map +1 -1
  152. package/dist/components/ScalarToggle/ScalarToggle.vue.js +24 -35
  153. package/dist/hooks/useBindCx.d.ts +51 -0
  154. package/dist/hooks/useBindCx.d.ts.map +1 -0
  155. package/dist/hooks/useBindCx.js +34 -0
  156. package/dist/hooks/useBindCx.stories.d.ts +430 -0
  157. package/dist/hooks/useBindCx.stories.d.ts.map +1 -0
  158. package/dist/hooks/useBindCx.test.d.ts +2 -0
  159. package/dist/hooks/useBindCx.test.d.ts.map +1 -0
  160. package/dist/index.d.ts +3 -1
  161. package/dist/index.d.ts.map +1 -1
  162. package/dist/index.js +80 -68
  163. package/dist/style.css +1 -1
  164. package/package.json +3 -3
@@ -61,6 +61,9 @@ declare const meta: {
61
61
  });
62
62
  tags: string[];
63
63
  argTypes: {
64
+ class: {
65
+ control: "text";
66
+ };
64
67
  size: {
65
68
  control: "select";
66
69
  options: string[];
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqB2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAAqC,CAAA;AAE7D,eAAO,MAAM,KAAK,EAAE,KAAsC,CAAA;AAE1D,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAA;AAE3D,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA"}
1
+ {"version":3,"file":"ScalarButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAAqC,CAAA;AAE7D,eAAO,MAAM,KAAK,EAAE,KAAsC,CAAA;AAE1D,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAA;AAE3D,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AAyEA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AA8BJ,iBAAS,cAAc;WAsET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eA5HL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EA+HtC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AAyBJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eApHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAuHtC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,11 +1,11 @@
1
- import { defineComponent as f, computed as g, useAttrs as c, openBlock as a, createElementBlock as s, mergeProps as v, unref as i, normalizeClass as p, renderSlot as l, createCommentVNode as m, createVNode as b } from "vue";
2
- import { cx as y } from "../../cva.js";
3
- import { variants as h } from "./variants.js";
4
- import k from "../ScalarLoading/ScalarLoading.vue.js";
5
- const z = ["ariaDisabled", "type"], B = {
1
+ import { defineComponent as f, openBlock as a, createElementBlock as i, mergeProps as m, unref as o, normalizeClass as r, renderSlot as l, createCommentVNode as u, createVNode as g } from "vue";
2
+ import { useBindCx as b } from "../../hooks/useBindCx.js";
3
+ import { variants as v } from "./variants.js";
4
+ import y from "../ScalarLoading/ScalarLoading.vue.js";
5
+ const h = ["ariaDisabled", "type"], c = {
6
6
  key: 3,
7
7
  class: "centered-x absolute"
8
- }, W = /* @__PURE__ */ f({
8
+ }, $ = /* @__PURE__ */ f({
9
9
  inheritAttrs: !1,
10
10
  __name: "ScalarButton",
11
11
  props: {
@@ -16,44 +16,41 @@ const z = ["ariaDisabled", "type"], B = {
16
16
  variant: { default: "solid" },
17
17
  type: { default: "button" }
18
18
  },
19
- setup(L) {
20
- const o = g(() => {
21
- const { class: e, ...t } = c();
22
- return { class: e || "", rest: t };
23
- });
24
- return (e, t) => {
25
- var n, d, r, u;
26
- return a(), s("button", v(o.value.rest, {
27
- ariaDisabled: e.disabled || void 0,
28
- class: i(y)(
29
- i(h)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
30
- { relative: (n = e.loading) == null ? void 0 : n.isLoading },
31
- `${o.value.class}`
32
- ),
33
- type: e.type
34
- }), [
35
- e.$slots.icon ? (a(), s("div", {
19
+ setup(k) {
20
+ const { cx: p } = b();
21
+ return (e, B) => {
22
+ var s, n, t, d;
23
+ return a(), i("button", m(
24
+ {
25
+ ariaDisabled: e.disabled || void 0,
26
+ type: e.type
27
+ },
28
+ o(p)(o(v)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }), {
29
+ relative: (s = e.loading) == null ? void 0 : s.isLoading
30
+ })
31
+ ), [
32
+ e.$slots.icon ? (a(), i("div", {
36
33
  key: 0,
37
- class: p(["mr-2 h-4 w-4", { invisible: (d = e.loading) == null ? void 0 : d.isLoading }])
34
+ class: r(["mr-2 h-4 w-4", { invisible: (n = e.loading) == null ? void 0 : n.isLoading }])
38
35
  }, [
39
36
  l(e.$slots, "icon")
40
- ], 2)) : m("", !0),
41
- e.loading ? (a(), s("span", {
37
+ ], 2)) : u("", !0),
38
+ e.loading ? (a(), i("span", {
42
39
  key: 1,
43
- class: p({ invisible: (r = e.loading) == null ? void 0 : r.isLoading })
40
+ class: r({ invisible: (t = e.loading) == null ? void 0 : t.isLoading })
44
41
  }, [
45
42
  l(e.$slots, "default")
46
43
  ], 2)) : l(e.$slots, "default", { key: 2 }),
47
- (u = e.loading) != null && u.isLoading ? (a(), s("div", B, [
48
- b(i(k), {
44
+ (d = e.loading) != null && d.isLoading ? (a(), i("div", c, [
45
+ g(o(y), {
49
46
  loadingState: e.loading,
50
47
  size: "xs"
51
48
  }, null, 8, ["loadingState"])
52
- ])) : m("", !0)
53
- ], 16, z);
49
+ ])) : u("", !0)
50
+ ], 16, h);
54
51
  };
55
52
  }
56
53
  });
57
54
  export {
58
- W as default
55
+ $ as default
59
56
  };
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  options: Option[] | OptionGroup[];
7
7
  modelValue?: Option;
8
8
  placeholder?: string;
9
- } & Omit<import("../ScalarFloating").FloatingOptions, "middleware">> & Readonly<{
9
+ } & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
10
10
  "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
11
11
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
12
12
  "update:modelValue": (v: Option) => any;
@@ -21,7 +21,7 @@ declare const meta: {
21
21
  options: Option[] | OptionGroup[];
22
22
  modelValue?: Option;
23
23
  placeholder?: string;
24
- } & Omit<import("../ScalarFloating").FloatingOptions, "middleware">> & Readonly<{
24
+ } & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
25
25
  "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
26
26
  }>, {}, {}, {}, {}, {}>;
27
27
  __isFragment?: never;
@@ -31,13 +31,31 @@ declare const meta: {
31
31
  options: Option[] | OptionGroup[];
32
32
  modelValue?: Option;
33
33
  placeholder?: string;
34
- } & Omit<import("../ScalarFloating").FloatingOptions, "middleware">> & Readonly<{
34
+ } & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
35
35
  "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
36
36
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
37
37
  "update:modelValue": (v: Option) => any;
38
38
  }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
39
- $slots: {
40
- default?(_: {}): any;
39
+ $slots: Readonly<{
40
+ default(props: {
41
+ open: boolean;
42
+ }): import("vue").Slot;
43
+ before(props: {
44
+ open: boolean;
45
+ }): import("vue").Slot;
46
+ after(props: {
47
+ open: boolean;
48
+ }): import("vue").Slot;
49
+ }> & {
50
+ default(props: {
51
+ open: boolean;
52
+ }): import("vue").Slot;
53
+ before(props: {
54
+ open: boolean;
55
+ }): import("vue").Slot;
56
+ after(props: {
57
+ open: boolean;
58
+ }): import("vue").Slot;
41
59
  };
42
60
  });
43
61
  tags: string[];
@@ -49,6 +67,9 @@ declare const meta: {
49
67
  control: "select";
50
68
  options: import("@floating-ui/utils").Placement[];
51
69
  };
70
+ class: {
71
+ control: "text";
72
+ };
52
73
  };
53
74
  };
54
75
  export default meta;
@@ -57,4 +78,8 @@ export declare const Base: Story;
57
78
  export declare const Groups: Story;
58
79
  export declare const Multiselect: Story;
59
80
  export declare const MultiselectGroups: Story;
81
+ /**
82
+ * Applies a custom class to the combobox popover
83
+ */
84
+ export declare const CustomClasses: Story;
60
85
  //# sourceMappingURL=ScalarCombobox.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqClC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAA"}
1
+ {"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqClC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAA"}
@@ -1,22 +1,39 @@
1
- import type { FloatingOptions } from '../ScalarFloating';
1
+ import type { Slot } from 'vue';
2
+ import type { ScalarFloatingOptions } from '../ScalarFloating';
2
3
  import type { Option, OptionGroup } from './types.js';
3
- type __VLS_Props = {
4
+ type Props = {
4
5
  options: Option[] | OptionGroup[];
5
6
  modelValue?: Option;
6
7
  placeholder?: string;
7
- } & Omit<FloatingOptions, 'middleware'>;
8
+ } & ScalarFloatingOptions;
9
+ type SlotProps = {
10
+ /** Whether or not the combobox is open */
11
+ open: boolean;
12
+ };
8
13
  declare function __VLS_template(): {
9
14
  attrs: Partial<{}>;
10
- slots: {
11
- default?(_: {}): any;
15
+ slots: Readonly<{
16
+ /** The reference element for the combobox */
17
+ default(props: SlotProps): Slot;
18
+ /** A slot for contents before the combobox options */
19
+ before(props: SlotProps): Slot;
20
+ /** A slot for contents after the combobox options */
21
+ after(props: SlotProps): Slot;
22
+ }> & {
23
+ /** The reference element for the combobox */
24
+ default(props: SlotProps): Slot;
25
+ /** A slot for contents before the combobox options */
26
+ before(props: SlotProps): Slot;
27
+ /** A slot for contents after the combobox options */
28
+ after(props: SlotProps): Slot;
12
29
  };
13
30
  refs: {};
14
31
  rootEl: any;
15
32
  };
16
33
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
34
+ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
18
35
  "update:modelValue": (v: Option) => any;
19
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
36
+ }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
20
37
  "onUpdate:modelValue"?: ((v: Option) => any) | undefined;
21
38
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
22
39
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAgB1C,iBAAS,cAAc;WAqET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,qBAAqB,CAAA;AAEzB,KAAK,SAAS,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAyBD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAnGhD,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;sBACxC,SAAS,GAAG,IAAI;QAC9B,qDAAqD;qBACxC,SAAS,GAAG,IAAI;;QAL7B,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;sBACxC,SAAS,GAAG,IAAI;QAC9B,qDAAqD;qBACxC,SAAS,GAAG,IAAI;;;;EAmG9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,7 +1,7 @@
1
- import { defineComponent as a, openBlock as r, createBlock as n, withCtx as o, createVNode as m, renderSlot as s } from "vue";
2
- import d from "./ScalarComboboxOptions.vue.js";
3
- import i from "./ScalarComboboxPopover.vue.js";
4
- const B = /* @__PURE__ */ a({
1
+ import { defineComponent as m, openBlock as p, createBlock as d, withCtx as l, renderSlot as a, createVNode as s, createSlots as n } from "vue";
2
+ import i from "./ScalarComboboxOptions.vue.js";
3
+ import f from "./ScalarComboboxPopover.vue.js";
4
+ const h = /* @__PURE__ */ m({
5
5
  __name: "ScalarCombobox",
6
6
  props: {
7
7
  options: {},
@@ -9,34 +9,50 @@ const B = /* @__PURE__ */ a({
9
9
  placeholder: {},
10
10
  placement: {},
11
11
  resize: { type: Boolean },
12
- targetRef: {},
13
- isOpen: { type: Boolean },
12
+ target: {},
13
+ middleware: {},
14
14
  teleport: { type: [Boolean, String] }
15
15
  },
16
16
  emits: ["update:modelValue"],
17
17
  setup(u) {
18
- return (e, f) => (r(), n(i, {
19
- isOpen: e.isOpen,
18
+ return (e, V) => (p(), d(f, {
19
+ middleware: e.middleware,
20
20
  placement: e.placement ?? "bottom-start",
21
21
  resize: e.resize,
22
+ target: e.target,
22
23
  teleport: e.teleport
23
24
  }, {
24
- popover: o(({ open: l, close: p }) => [
25
- m(d, {
25
+ default: l(({ open: o }) => [
26
+ a(e.$slots, "default", { open: o })
27
+ ]),
28
+ popover: l(({ open: o, close: t }) => [
29
+ s(i, {
26
30
  modelValue: e.modelValue ? [e.modelValue] : [],
27
- open: l,
31
+ open: o,
28
32
  options: e.options,
29
33
  placeholder: e.placeholder,
30
- "onUpdate:modelValue": (t) => (p(), e.$emit("update:modelValue", t[0]))
31
- }, null, 8, ["modelValue", "open", "options", "placeholder", "onUpdate:modelValue"])
32
- ]),
33
- default: o(() => [
34
- s(e.$slots, "default")
34
+ "onUpdate:modelValue": (r) => (t(), e.$emit("update:modelValue", r[0]))
35
+ }, n({ _: 2 }, [
36
+ e.$slots.before ? {
37
+ name: "before",
38
+ fn: l(() => [
39
+ a(e.$slots, "before", { open: o })
40
+ ]),
41
+ key: "0"
42
+ } : void 0,
43
+ e.$slots.after ? {
44
+ name: "after",
45
+ fn: l(() => [
46
+ a(e.$slots, "after", { open: o })
47
+ ]),
48
+ key: "1"
49
+ } : void 0
50
+ ]), 1032, ["modelValue", "open", "options", "placeholder", "onUpdate:modelValue"])
35
51
  ]),
36
52
  _: 3
37
- }, 8, ["isOpen", "placement", "resize", "teleport"]));
53
+ }, 8, ["middleware", "placement", "resize", "target", "teleport"]));
38
54
  }
39
55
  });
40
56
  export {
41
- B as default
57
+ h as default
42
58
  };
@@ -1,11 +1,11 @@
1
- import type { FloatingOptions } from '../ScalarFloating';
1
+ import type { ScalarFloatingOptions } from '../ScalarFloating';
2
2
  import type { Option, OptionGroup } from './types.js';
3
3
  type __VLS_Props = {
4
4
  options: Option[] | OptionGroup[];
5
5
  modelValue?: Option[];
6
6
  placeholder?: string;
7
7
  isDeletable?: boolean;
8
- } & Omit<FloatingOptions, 'middleware'>;
8
+ } & ScalarFloatingOptions;
9
9
  declare function __VLS_template(): {
10
10
  attrs: Partial<{}>;
11
11
  slots: {
@@ -17,10 +17,10 @@ declare function __VLS_template(): {
17
17
  $: import("vue").ComponentInternalInstance;
18
18
  $data: {};
19
19
  $props: {
20
- readonly resize?: boolean | undefined;
21
20
  readonly placement?: import("@floating-ui/vue").Placement | undefined;
22
- readonly targetRef?: HTMLElement | undefined;
23
- readonly isOpen?: boolean | undefined;
21
+ readonly resize?: boolean | undefined;
22
+ readonly target?: (string | HTMLElement) | undefined;
23
+ readonly middleware?: import("@floating-ui/vue").Middleware[] | undefined;
24
24
  readonly teleport?: (boolean | string) | undefined;
25
25
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
26
26
  $attrs: {
@@ -37,13 +37,7 @@ declare function __VLS_template(): {
37
37
  $host: Element | null;
38
38
  $emit: (event: string, ...args: any[]) => void;
39
39
  $el: any;
40
- $options: import("vue").ComponentOptionsBase<Readonly<{
41
- resize?: boolean | undefined;
42
- placement?: import("@floating-ui/vue").Placement | undefined;
43
- targetRef?: HTMLElement | undefined;
44
- isOpen?: boolean | undefined;
45
- teleport?: (boolean | string) | undefined;
46
- }> & Readonly<{}>, {
40
+ $options: import("vue").ComponentOptionsBase<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
47
41
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
48
42
  as: {
49
43
  type: (ObjectConstructor | StringConstructor)[];
@@ -129,13 +123,7 @@ declare function __VLS_template(): {
129
123
  $forceUpdate: () => void;
130
124
  $nextTick: typeof import("vue").nextTick;
131
125
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
132
- } & Readonly<{}> & Omit<Readonly<{
133
- resize?: boolean | undefined;
134
- placement?: import("@floating-ui/vue").Placement | undefined;
135
- targetRef?: HTMLElement | undefined;
136
- isOpen?: boolean | undefined;
137
- teleport?: (boolean | string) | undefined;
138
- }> & Readonly<{}>, "popoverButtonRef"> & import("vue").ShallowUnwrapRef<{
126
+ } & Readonly<{}> & Omit<Readonly<ScalarFloatingOptions> & Readonly<{}>, "popoverButtonRef"> & import("vue").ShallowUnwrapRef<{
139
127
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
140
128
  as: {
141
129
  type: (ObjectConstructor | StringConstructor)[];
@@ -202,13 +190,7 @@ declare function __VLS_template(): {
202
190
  disabled: boolean;
203
191
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
204
192
  }> & {} & import("vue").ComponentCustomProperties & {} & {
205
- $slots: {
206
- default?(_: {}): any;
207
- popover?(_: {
208
- close: any;
209
- open: any;
210
- }): any;
211
- };
193
+ $slots: Readonly<import("../ScalarPopover").ScalarPopoverSlots> & import("../ScalarPopover").ScalarPopoverSlots;
212
194
  }) | null;
213
195
  };
214
196
  rootEl: any;
@@ -216,13 +198,7 @@ declare function __VLS_template(): {
216
198
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
217
199
  declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
218
200
  comboboxPopoverRef: import("vue").Ref<({
219
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
220
- resize?: boolean | undefined;
221
- placement?: import("@floating-ui/vue").Placement | undefined;
222
- targetRef?: HTMLElement | undefined;
223
- isOpen?: boolean | undefined;
224
- teleport?: (boolean | string) | undefined;
225
- }> & Readonly<{}>, {
201
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
226
202
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
227
203
  as: {
228
204
  type: (ObjectConstructor | StringConstructor)[];
@@ -295,13 +271,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
295
271
  C: {};
296
272
  M: {};
297
273
  Defaults: {};
298
- }, Readonly<{
299
- resize?: boolean | undefined;
300
- placement?: import("@floating-ui/vue").Placement | undefined;
301
- targetRef?: HTMLElement | undefined;
302
- isOpen?: boolean | undefined;
303
- teleport?: (boolean | string) | undefined;
304
- }> & Readonly<{}>, {
274
+ }, Readonly<ScalarFloatingOptions> & Readonly<{}>, {
305
275
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
306
276
  as: {
307
277
  type: (ObjectConstructor | StringConstructor)[];
@@ -371,13 +341,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
371
341
  __isFragment?: never;
372
342
  __isTeleport?: never;
373
343
  __isSuspense?: never;
374
- } & import("vue").ComponentOptionsBase<Readonly<{
375
- resize?: boolean | undefined;
376
- placement?: import("@floating-ui/vue").Placement | undefined;
377
- targetRef?: HTMLElement | undefined;
378
- isOpen?: boolean | undefined;
379
- teleport?: (boolean | string) | undefined;
380
- }> & Readonly<{}>, {
344
+ } & import("vue").ComponentOptionsBase<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
381
345
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
382
346
  as: {
383
347
  type: (ObjectConstructor | StringConstructor)[];
@@ -444,21 +408,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
444
408
  disabled: boolean;
445
409
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
446
410
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
447
- $slots: {
448
- default?(_: {}): any;
449
- popover?(_: {
450
- close: any;
451
- open: any;
452
- }): any;
453
- };
411
+ $slots: Readonly<import("../ScalarPopover").ScalarPopoverSlots> & import("../ScalarPopover").ScalarPopoverSlots;
454
412
  })) | null, ({
455
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
456
- resize?: boolean | undefined;
457
- placement?: import("@floating-ui/vue").Placement | undefined;
458
- targetRef?: HTMLElement | undefined;
459
- isOpen?: boolean | undefined;
460
- teleport?: (boolean | string) | undefined;
461
- }> & Readonly<{}>, {
413
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
462
414
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
463
415
  as: {
464
416
  type: (ObjectConstructor | StringConstructor)[];
@@ -531,13 +483,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
531
483
  C: {};
532
484
  M: {};
533
485
  Defaults: {};
534
- }, Readonly<{
535
- resize?: boolean | undefined;
536
- placement?: import("@floating-ui/vue").Placement | undefined;
537
- targetRef?: HTMLElement | undefined;
538
- isOpen?: boolean | undefined;
539
- teleport?: (boolean | string) | undefined;
540
- }> & Readonly<{}>, {
486
+ }, Readonly<ScalarFloatingOptions> & Readonly<{}>, {
541
487
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
542
488
  as: {
543
489
  type: (ObjectConstructor | StringConstructor)[];
@@ -607,13 +553,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
607
553
  __isFragment?: never;
608
554
  __isTeleport?: never;
609
555
  __isSuspense?: never;
610
- } & import("vue").ComponentOptionsBase<Readonly<{
611
- resize?: boolean | undefined;
612
- placement?: import("@floating-ui/vue").Placement | undefined;
613
- targetRef?: HTMLElement | undefined;
614
- isOpen?: boolean | undefined;
615
- teleport?: (boolean | string) | undefined;
616
- }> & Readonly<{}>, {
556
+ } & import("vue").ComponentOptionsBase<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
617
557
  popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
618
558
  as: {
619
559
  type: (ObjectConstructor | StringConstructor)[];
@@ -680,13 +620,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
680
620
  disabled: boolean;
681
621
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
682
622
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
683
- $slots: {
684
- default?(_: {}): any;
685
- popover?(_: {
686
- close: any;
687
- open: any;
688
- }): any;
689
- };
623
+ $slots: Readonly<import("../ScalarPopover").ScalarPopoverSlots> & import("../ScalarPopover").ScalarPopoverSlots;
690
624
  })) | null>;
691
625
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
692
626
  delete: (option: Option) => any;
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAuB1C,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAzHjC,KApBqC,eAoBrC,KAnBc,uBAmBd,KAlBK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiMsyiB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxCh6iB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;4BApJrB,KApBqC,eAoBrC,KAnBc,uBAmBd,KAlBK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkBL,KApBqC,eAoBrC,KAnBc,uBAmBd,KAlBK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFA+KH,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,qBAAqB,CAAC;AAuB5B,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAzHjC,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkM6riB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxCv0iB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4BApJrB,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmBrB,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAgLnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,10 +1,10 @@
1
- import { defineComponent as d, ref as u, openBlock as t, createBlock as p, withCtx as n, createElementVNode as f, createCommentVNode as a, createElementBlock as b, renderSlot as r } from "vue";
1
+ import { defineComponent as m, ref as u, openBlock as t, createBlock as a, withCtx as s, createElementVNode as f, createCommentVNode as i, createElementBlock as b, renderSlot as p } from "vue";
2
2
  import c from "./ScalarComboboxOptions.vue.js";
3
3
  import V from "./ScalarComboboxPopover.vue.js";
4
- const y = { class: "divide-1 divide-y" }, v = {
4
+ const v = { class: "divide-1 divide-y" }, y = {
5
5
  key: 1,
6
6
  class: "p-0.75"
7
- }, D = /* @__PURE__ */ d({
7
+ }, h = /* @__PURE__ */ m({
8
8
  __name: "ScalarComboboxMultiselect",
9
9
  props: {
10
10
  options: {},
@@ -13,46 +13,47 @@ const y = { class: "divide-1 divide-y" }, v = {
13
13
  isDeletable: { type: Boolean },
14
14
  placement: {},
15
15
  resize: { type: Boolean },
16
- targetRef: {},
17
- isOpen: { type: Boolean },
16
+ target: {},
17
+ middleware: {},
18
18
  teleport: { type: [Boolean, String] }
19
19
  },
20
20
  emits: ["update:modelValue", "delete"],
21
- setup(B, { expose: i }) {
22
- const s = u(null);
23
- return i({ comboboxPopoverRef: s }), (e, o) => (t(), p(V, {
21
+ setup($, { expose: n }) {
22
+ const r = u(null);
23
+ return n({ comboboxPopoverRef: r }), (e, o) => (t(), a(V, {
24
24
  ref_key: "comboboxPopoverRef",
25
- ref: s,
26
- isOpen: e.isOpen,
25
+ ref: r,
26
+ middleware: e.middleware,
27
27
  placement: e.placement ?? "bottom-start",
28
28
  resize: e.resize,
29
+ target: e.target,
29
30
  teleport: e.teleport
30
31
  }, {
31
- popover: n(({ open: m }) => [
32
- f("div", y, [
33
- e.options && e.options.length ? (t(), p(c, {
32
+ popover: s(({ open: d }) => [
33
+ f("div", v, [
34
+ e.options && e.options.length ? (t(), a(c, {
34
35
  key: 0,
35
36
  isDeletable: e.isDeletable,
36
37
  modelValue: e.modelValue,
37
38
  multiselect: "",
38
- open: m,
39
+ open: d,
39
40
  options: e.options,
40
41
  placeholder: e.placeholder,
41
42
  onDelete: o[0] || (o[0] = (l) => e.$emit("delete", l)),
42
43
  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.$emit("update:modelValue", l))
43
- }, null, 8, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : a("", !0),
44
- e.$slots.actions ? (t(), b("div", v, [
45
- r(e.$slots, "actions")
46
- ])) : a("", !0)
44
+ }, null, 8, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : i("", !0),
45
+ e.$slots.actions ? (t(), b("div", y, [
46
+ p(e.$slots, "actions")
47
+ ])) : i("", !0)
47
48
  ])
48
49
  ]),
49
- default: n(() => [
50
- r(e.$slots, "default")
50
+ default: s(() => [
51
+ p(e.$slots, "default")
51
52
  ]),
52
53
  _: 3
53
- }, 8, ["isOpen", "placement", "resize", "teleport"]));
54
+ }, 8, ["middleware", "placement", "resize", "target", "teleport"]));
54
55
  }
55
56
  });
56
57
  export {
57
- D as default
58
+ h as default
58
59
  };
@@ -1,7 +1,8 @@
1
+ import { type ScalarListboxOptionStyle } from '../ScalarListbox';
1
2
  type __VLS_Props = {
2
3
  active?: boolean;
3
4
  selected?: boolean;
4
- style?: 'radio' | 'checkbox';
5
+ style?: ScalarListboxOptionStyle;
5
6
  isDeletable?: boolean;
6
7
  };
7
8
  declare function __VLS_template(): {
@@ -13,7 +14,11 @@ declare function __VLS_template(): {
13
14
  rootEl: HTMLLIElement;
14
15
  };
15
16
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
16
- 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, {}, HTMLLIElement>;
17
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
18
+ delete: () => any;
19
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
20
+ onDelete?: (() => any) | undefined;
21
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
17
22
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
18
23
  export default _default;
19
24
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AA4DA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAwBF,iBAAS,cAAc;WAwFT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,4SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AAuDA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,kBAAkB,CAAA;AAIzB,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA+BF,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;4FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}