@onereach/ui-components 4.8.0 → 4.8.1-beta.2889.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 (169) hide show
  1. package/dist/bundled/v2/components/OrInlineInputV3/styles.js +1 -1
  2. package/dist/bundled/v2/components/OrInlineTextareaV3/styles.js +1 -1
  3. package/dist/bundled/v2/components/OrInputBoxV3/styles.js +2 -0
  4. package/dist/bundled/v2/components/OrInputV3/styles.js +2 -2
  5. package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js +359 -0
  6. package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts +179 -0
  7. package/dist/bundled/v2/components/OrTagInputV3/index.d.ts +2 -0
  8. package/dist/bundled/v2/components/OrTagInputV3/index.js +55 -0
  9. package/dist/bundled/v2/components/OrTagInputV3/props.d.ts +1 -0
  10. package/dist/bundled/v2/components/OrTagInputV3/props.js +1 -0
  11. package/dist/bundled/v2/components/OrTagInputV3/styles.d.ts +3 -0
  12. package/dist/bundled/v2/components/OrTagInputV3/styles.js +17 -0
  13. package/dist/bundled/v2/components/OrTagsV3/OrTags.js +14 -2
  14. package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts +7 -3
  15. package/dist/bundled/v2/components/OrTagsV3/styles.js +2 -0
  16. package/dist/bundled/v2/components/OrTextareaV3/styles.js +1 -1
  17. package/dist/bundled/v2/components/index.d.ts +2 -1
  18. package/dist/bundled/v2/components/index.js +6 -4
  19. package/dist/bundled/v2/hooks/useTheme.js +8 -0
  20. package/dist/bundled/v2/index.js +8 -6
  21. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-ec925f28.js → OrCardCollection.vue_vue_type_script_lang-3e7aa91a.js} +1 -1
  22. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-0f1a6320.js → OrConfirm.vue_vue_type_script_lang-93458f1f.js} +1 -1
  23. package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-3f8700f9.js → OrDatePicker.vue_vue_type_script_lang-8ec017e2.js} +1 -1
  24. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js → OrDateTimePicker.vue_vue_type_script_lang-fec947db.js} +1 -1
  25. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-a9fe34c8.js → OrInput.vue_vue_type_script_lang-66363c62.js} +1 -1
  26. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-8a82fdc6.js → OrSearch.vue_vue_type_script_lang-18dc2df8.js} +1 -1
  27. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-85fcf3fa.js → OrSelect.vue_vue_type_script_lang-72c1db17.js} +2 -2
  28. package/dist/bundled/v3/OrTagInput.vue_vue_type_script_lang-60f6d6de.js +149 -0
  29. package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-c14463c4.js → OrTags.vue_vue_type_script_lang-45bbc68e.js} +2 -0
  30. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-af284089.js → OrTextarea.vue_vue_type_script_lang-0d1a7a48.js} +1 -1
  31. package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-845ec78b.js → OrTimePicker.vue_vue_type_script_lang-c737eaa8.js} +1 -1
  32. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +5 -5
  33. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +4 -4
  34. package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js +4 -4
  35. package/dist/bundled/v3/components/OrConfirmV3/index.js +3 -3
  36. package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +3 -3
  37. package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
  38. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +3 -3
  39. package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +2 -2
  40. package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js +2 -2
  41. package/dist/bundled/v3/components/OrInlineInputV3/index.js +1 -1
  42. package/dist/bundled/v3/components/OrInlineInputV3/styles.js +1 -1
  43. package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js +2 -2
  44. package/dist/bundled/v3/components/OrInlineTextareaV3/index.js +1 -1
  45. package/dist/bundled/v3/components/OrInlineTextareaV3/styles.js +1 -1
  46. package/dist/bundled/v3/components/OrInputBoxV3/OrInputBox.js +2 -2
  47. package/dist/bundled/v3/components/OrInputBoxV3/index.js +1 -1
  48. package/dist/bundled/v3/components/OrInputBoxV3/styles.js +2 -0
  49. package/dist/bundled/v3/components/OrInputV3/OrInput.js +3 -3
  50. package/dist/bundled/v3/components/OrInputV3/index.js +2 -2
  51. package/dist/bundled/v3/components/OrInputV3/styles.js +2 -2
  52. package/dist/bundled/v3/components/OrSearchV3/OrSearch.js +4 -4
  53. package/dist/bundled/v3/components/OrSearchV3/index.js +3 -3
  54. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +4 -4
  55. package/dist/bundled/v3/components/OrSelectV3/index.js +3 -3
  56. package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js +171 -0
  57. package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts +131 -0
  58. package/dist/bundled/v3/components/OrTagInputV3/index.d.ts +2 -0
  59. package/dist/bundled/v3/components/OrTagInputV3/index.js +68 -0
  60. package/dist/bundled/v3/components/OrTagInputV3/props.d.ts +1 -0
  61. package/dist/bundled/v3/components/OrTagInputV3/props.js +1 -0
  62. package/dist/bundled/v3/components/OrTagInputV3/styles.d.ts +3 -0
  63. package/dist/bundled/v3/components/OrTagInputV3/styles.js +17 -0
  64. package/dist/bundled/v3/components/OrTagsV3/OrTags.js +8 -6
  65. package/dist/bundled/v3/components/OrTagsV3/OrTags.vue.d.ts +7 -2
  66. package/dist/bundled/v3/components/OrTagsV3/index.js +1 -1
  67. package/dist/bundled/v3/components/OrTagsV3/styles.js +2 -0
  68. package/dist/bundled/v3/components/OrTextareaV3/OrTextarea.js +3 -3
  69. package/dist/bundled/v3/components/OrTextareaV3/index.js +2 -2
  70. package/dist/bundled/v3/components/OrTextareaV3/styles.js +1 -1
  71. package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +3 -3
  72. package/dist/bundled/v3/components/OrTimePickerV3/index.js +2 -2
  73. package/dist/bundled/v3/components/index.d.ts +2 -1
  74. package/dist/bundled/v3/components/index.js +20 -17
  75. package/dist/bundled/v3/hooks/useTheme.js +8 -0
  76. package/dist/bundled/v3/index.js +22 -19
  77. package/dist/esm/v2/{OrCardCollection-a9736f16.js → OrCardCollection-79b90811.js} +2 -2
  78. package/dist/esm/v2/{OrCombinedInput-9c2b15fe.js → OrCombinedInput-ed20e33b.js} +1 -1
  79. package/dist/esm/v2/{OrConfirm-fc656b7e.js → OrConfirm-0b56c11f.js} +1 -1
  80. package/dist/esm/v2/{OrDatePicker-73c19c1c.js → OrDatePicker-0989a40c.js} +2 -2
  81. package/dist/esm/v2/{OrDateTimePicker-aff87aaa.js → OrDateTimePicker-ac766f04.js} +2 -2
  82. package/dist/esm/v2/{OrInlineInput-252510d7.js → OrInlineInput-84a8398c.js} +1 -1
  83. package/dist/esm/v2/{OrInlineTextarea-8df56c4d.js → OrInlineTextarea-f2ecbd39.js} +1 -1
  84. package/dist/esm/v2/{OrInput-39feafce.js → OrInput-2eeff16a.js} +4 -4
  85. package/dist/esm/v2/{OrInputBox-7f3c0ee9.js → OrInputBox-11227ecd.js} +1 -1
  86. package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js → OrInputBox.vue_rollup-plugin-vue_script-1715021a.js} +2 -0
  87. package/dist/esm/v2/{OrSearch-cbd7fd0b.js → OrSearch-33e3b0e4.js} +2 -2
  88. package/dist/esm/v2/{OrSelect-7f2d3a94.js → OrSelect-1ee299d9.js} +3 -3
  89. package/dist/esm/v2/OrTagInput-63697869.js +336 -0
  90. package/dist/esm/v2/{OrTags-e80cd854.js → OrTags-9048733c.js} +16 -2
  91. package/dist/esm/v2/{OrTextarea-01df0715.js → OrTextarea-978fb518.js} +3 -3
  92. package/dist/esm/v2/{OrTimePicker-00b7319c.js → OrTimePicker-5fd08ad2.js} +2 -2
  93. package/dist/esm/v2/components/index.d.ts +2 -1
  94. package/dist/esm/v2/components/index.js +17 -16
  95. package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -5
  96. package/dist/esm/v2/components/or-combined-input-v3/index.js +2 -2
  97. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -4
  98. package/dist/esm/v2/components/or-date-picker-v3/index.js +3 -3
  99. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +3 -3
  100. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  101. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  102. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -2
  103. package/dist/esm/v2/components/or-input-v3/index.js +3 -3
  104. package/dist/esm/v2/components/or-search-v3/index.js +4 -4
  105. package/dist/esm/v2/components/or-select-v3/index.js +4 -4
  106. package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts +179 -0
  107. package/dist/esm/v2/components/or-tag-input-v3/index.d.ts +2 -0
  108. package/dist/esm/v2/components/or-tag-input-v3/index.js +31 -0
  109. package/dist/esm/v2/components/or-tag-input-v3/props.d.ts +1 -0
  110. package/dist/esm/v2/components/or-tag-input-v3/styles.d.ts +3 -0
  111. package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts +7 -3
  112. package/dist/esm/v2/components/or-tags-v3/index.js +1 -1
  113. package/dist/esm/v2/components/or-textarea-v3/index.js +3 -3
  114. package/dist/esm/v2/components/or-time-picker-v3/index.js +3 -3
  115. package/dist/esm/v2/index.js +17 -16
  116. package/dist/esm/v3/{OrCardCollection-8d41fafc.js → OrCardCollection-76f937d5.js} +2 -2
  117. package/dist/esm/v3/{OrCombinedInput-b5ba46a1.js → OrCombinedInput-e3891038.js} +1 -1
  118. package/dist/esm/v3/{OrConfirm-e8ee0b8f.js → OrConfirm-5509c440.js} +1 -1
  119. package/dist/esm/v3/{OrDatePicker-19a07bb4.js → OrDatePicker-6ac8578a.js} +1 -1
  120. package/dist/esm/v3/{OrDateTimePicker-219fa71d.js → OrDateTimePicker-b15d4198.js} +1 -1
  121. package/dist/esm/v3/{OrInlineInput-5d452b98.js → OrInlineInput-a6c33dc0.js} +1 -1
  122. package/dist/esm/v3/{OrInlineTextarea-1a769972.js → OrInlineTextarea-f060dab5.js} +1 -1
  123. package/dist/esm/v3/{OrInput-a303f924.js → OrInput-c653aedb.js} +3 -3
  124. package/dist/esm/v3/{OrInputBox-32814878.js → OrInputBox-32b37b17.js} +2 -0
  125. package/dist/esm/v3/{OrSearch-c5ecb005.js → OrSearch-b945651d.js} +2 -2
  126. package/dist/esm/v3/{OrSelect-c931ed6e.js → OrSelect-5a2c078d.js} +2 -2
  127. package/dist/esm/v3/OrTagInput-6a6d1365.js +262 -0
  128. package/dist/esm/v3/{OrTags-3f0ab56f.js → OrTags-1621cbb9.js} +10 -4
  129. package/dist/esm/v3/{OrTextarea-0f9a2a27.js → OrTextarea-1e19417a.js} +2 -2
  130. package/dist/esm/v3/{OrTimePicker-5cb9eb34.js → OrTimePicker-d66edf77.js} +1 -1
  131. package/dist/esm/v3/components/index.d.ts +2 -1
  132. package/dist/esm/v3/components/index.js +16 -15
  133. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  134. package/dist/esm/v3/components/or-combined-input-v3/index.js +2 -2
  135. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  136. package/dist/esm/v3/components/or-date-picker-v3/index.js +2 -2
  137. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -2
  138. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  139. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  140. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  141. package/dist/esm/v3/components/or-input-v3/index.js +2 -2
  142. package/dist/esm/v3/components/or-search-v3/index.js +3 -3
  143. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  144. package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts +131 -0
  145. package/dist/esm/v3/components/or-tag-input-v3/index.d.ts +2 -0
  146. package/dist/esm/v3/components/or-tag-input-v3/index.js +29 -0
  147. package/dist/esm/v3/components/or-tag-input-v3/props.d.ts +1 -0
  148. package/dist/esm/v3/components/or-tag-input-v3/styles.d.ts +3 -0
  149. package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts +7 -2
  150. package/dist/esm/v3/components/or-tags-v3/index.js +1 -1
  151. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  152. package/dist/esm/v3/components/or-time-picker-v3/index.js +2 -2
  153. package/dist/esm/v3/index.js +16 -15
  154. package/package.json +3 -4
  155. package/src/components/index.ts +2 -1
  156. package/src/components/or-inline-input-v3/styles.ts +1 -1
  157. package/src/components/or-inline-textarea-v3/styles.ts +1 -1
  158. package/src/components/or-input-box-v3/styles.ts +3 -0
  159. package/src/components/or-input-v3/styles.ts +2 -2
  160. package/src/components/or-tag-input-v3/OrTagInput.vue +298 -0
  161. package/src/components/or-tag-input-v3/index.ts +2 -0
  162. package/src/components/or-tag-input-v3/props.ts +1 -0
  163. package/src/components/or-tag-input-v3/styles.ts +24 -0
  164. package/src/components/or-tags-v3/OrTags.vue +14 -0
  165. package/src/components/or-tags-v3/styles.ts +3 -0
  166. package/src/components/or-textarea-v3/styles.ts +1 -1
  167. /package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-c4fb7c0e.js → OrInlineInput.vue_vue_type_script_lang-820cc7e9.js} +0 -0
  168. /package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-4569f111.js → OrInlineTextarea.vue_vue_type_script_lang-8e639991.js} +0 -0
  169. /package/dist/bundled/v3/{OrInputBox.vue_vue_type_script_lang-ede24b04.js → OrInputBox.vue_vue_type_script_lang-49fb179a.js} +0 -0
@@ -5,8 +5,8 @@ import { _ as __vue_component__$6 } from './OrIcon-d35a84d8.js';
5
5
  import { _ as __vue_component__$5 } from './OrMenuItem-6f9b8a93.js';
6
6
  import { _ as __vue_component__$4 } from './OrMenu-d03831b0.js';
7
7
  import './OrPopover-ef16a904.js';
8
- import { _ as __vue_component__$7 } from './OrSearch-cbd7fd0b.js';
9
- import './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
8
+ import { _ as __vue_component__$7 } from './OrSearch-33e3b0e4.js';
9
+ import './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
10
10
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
11
11
 
12
12
  const CardCollectionRoot = [
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
3
3
  import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
4
4
  import { _ as __vue_component__$3 } from './OrLabel-63380256.js';
5
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
5
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
8
8
  const CombinedInputRoot = [
@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-8a95a300.js';
5
5
  import '@onereach/styles/tailwind.config';
6
6
  import 'tailwindcss/resolveConfig';
7
7
  import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-9622e713.js';
8
- import { _ as __vue_component__$3 } from './OrInput-39feafce.js';
8
+ import { _ as __vue_component__$3 } from './OrInput-2eeff16a.js';
9
9
  import { _ as __vue_component__$1 } from './OrOverlay-948346df.js';
10
10
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
11
11
 
@@ -6,8 +6,8 @@ import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
6
6
  import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
7
7
  import { _ as __vue_component__$a } from './OrIconButton-ab726d49.js';
8
8
  import { _ as __vue_component__$9 } from './OrIcon-d35a84d8.js';
9
- import { _ as __vue_component__$b } from './OrInputBox-7f3c0ee9.js';
10
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
9
+ import { _ as __vue_component__$b } from './OrInputBox-11227ecd.js';
10
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
11
11
  import { _ as __vue_component__$c } from './OrLabel-63380256.js';
12
12
  import { _ as __vue_component__$d } from './OrPopover-ef16a904.js';
13
13
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -4,8 +4,8 @@ import { _ as __vue_component__$9 } from './OrError-4ffc1c39.js';
4
4
  import { _ as __vue_component__$a } from './OrHint-aa221198.js';
5
5
  import { _ as __vue_component__$c } from './OrIconButton-ab726d49.js';
6
6
  import { _ as __vue_component__$b } from './OrIcon-d35a84d8.js';
7
- import { _ as __vue_component__$d } from './OrInputBox-7f3c0ee9.js';
8
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
7
+ import { _ as __vue_component__$d } from './OrInputBox-11227ecd.js';
8
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
9
9
  import { _ as __vue_component__$e } from './OrLabel-63380256.js';
10
10
  import { _ as __vue_component__$f } from './OrPopover-ef16a904.js';
11
11
  import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a84af34e.js';
@@ -27,7 +27,7 @@ const InlineInputControl = [
27
27
  'w-full',
28
28
  // Typography
29
29
  'typography-inherit',
30
- // Theme
30
+ // Theme (placeholder)
31
31
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
32
32
  const InlineInputAction = [
33
33
  // Layout
@@ -21,7 +21,7 @@ const InlineTextareaControl = [
21
21
  'w-full',
22
22
  // Typography
23
23
  'typography-inherit',
24
- // Theme
24
+ // Theme (placeholder)
25
25
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
26
26
  const InlineTextareaAction = [
27
27
  // Layout
@@ -9,8 +9,8 @@ import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
9
9
  import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
10
10
  import { _ as __vue_component__$4 } from './OrIconButton-ab726d49.js';
11
11
  import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
12
- import { _ as __vue_component__$5 } from './OrInputBox-7f3c0ee9.js';
13
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
12
+ import { _ as __vue_component__$5 } from './OrInputBox-11227ecd.js';
13
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
14
14
  import { _ as __vue_component__$6 } from './OrLabel-63380256.js';
15
15
  import { _ as __vue_component__$7 } from './OrLoader-b0c381f9.js';
16
16
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -31,10 +31,10 @@ const InputRoot = [
31
31
  'gap-xs'];
32
32
  const InputControl = [
33
33
  // Box
34
- 'w-full',
34
+ 'flex-auto',
35
35
  // Typography
36
36
  'typography-inherit',
37
- // Theme
37
+ // Theme (placeholder)
38
38
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
39
39
 
40
40
  var script = defineComponent({
@@ -1,4 +1,4 @@
1
- import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
1
+ import { s as script } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
2
2
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
3
3
 
4
4
  /* script */
@@ -89,6 +89,8 @@ var InputBoxSize;
89
89
  const InputBoxRoot = [
90
90
  // Layout
91
91
  'layout-row',
92
+ // Overflow
93
+ 'overflow-hidden',
92
94
  // Box
93
95
  'w-full',
94
96
  // Shape
@@ -1,7 +1,7 @@
1
1
  import { debouncedWatch } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, watch } from 'vue-demi';
3
- import { _ as __vue_component__$1 } from './OrInput-39feafce.js';
4
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
3
+ import { _ as __vue_component__$1 } from './OrInput-2eeff16a.js';
4
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
5
5
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
6
6
 
7
7
  var script = defineComponent({
@@ -9,9 +9,9 @@ import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
9
9
  import { _ as __vue_component__$3 } from './OrExpansionPanel-b8411db6.js';
10
10
  import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
11
11
  import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
12
- import { _ as __vue_component__$7 } from './OrInputBox-7f3c0ee9.js';
13
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
14
- import { _ as __vue_component__$6 } from './OrInput-39feafce.js';
12
+ import { _ as __vue_component__$7 } from './OrInputBox-11227ecd.js';
13
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
14
+ import { _ as __vue_component__$6 } from './OrInput-2eeff16a.js';
15
15
  import { _ as __vue_component__$8 } from './OrLabel-63380256.js';
16
16
  import { _ as __vue_component__$9 } from './OrMenuItem-6f9b8a93.js';
17
17
  import { _ as __vue_component__$a } from './OrPopover-ef16a904.js';
@@ -0,0 +1,336 @@
1
+ import { defineComponent, ref, computed, reactive } from 'vue-demi';
2
+ import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
3
+ import '@vueuse/core';
4
+ import '@onereach/styles/tailwind.config';
5
+ import 'tailwindcss/resolveConfig';
6
+ import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
7
+ import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
8
+ import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
9
+ import { _ as __vue_component__$3 } from './OrIconButton-ab726d49.js';
10
+ import { _ as __vue_component__$4 } from './OrInputBox-11227ecd.js';
11
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
12
+ import { _ as __vue_component__$5 } from './OrLabel-63380256.js';
13
+ import { _ as __vue_component__$6 } from './OrTags-9048733c.js';
14
+ import { s as styleInject } from './style-inject.es-4c6f2515.js';
15
+ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
16
+
17
+ const TagInput = [
18
+ // Layout
19
+ 'layout-column',
20
+ // Spacing
21
+ 'gap-xs'];
22
+ const TagInputControl = [
23
+ // Layout
24
+ 'flex-auto',
25
+ // Typography
26
+ 'typography-inherit',
27
+ // Theme (placeholder)
28
+ 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
29
+ const TagInputItem = [
30
+ // Box
31
+ '!min-h-0'];
32
+
33
+ var script = defineComponent({
34
+ name: 'OrTagInput',
35
+ components: {
36
+ OrError: __vue_component__$1,
37
+ OrHint: __vue_component__$2,
38
+ OrIconButton: __vue_component__$3,
39
+ OrInputBox: __vue_component__$4,
40
+ OrLabel: __vue_component__$5,
41
+ OrTags: __vue_component__$6
42
+ },
43
+ model: {
44
+ prop: 'modelValue',
45
+ event: 'update:modelValue'
46
+ },
47
+ props: {
48
+ modelValue: {
49
+ type: Array,
50
+ default: () => []
51
+ },
52
+ size: {
53
+ type: String,
54
+ default: InputBoxSize.M
55
+ },
56
+ label: {
57
+ type: String,
58
+ default: undefined
59
+ },
60
+ placeholder: {
61
+ type: String,
62
+ default: undefined
63
+ },
64
+ hint: {
65
+ type: String,
66
+ default: undefined
67
+ },
68
+ error: {
69
+ type: [String, Boolean],
70
+ default: undefined
71
+ },
72
+ required: {
73
+ type: Boolean,
74
+ default: false
75
+ },
76
+ readonly: {
77
+ type: Boolean,
78
+ default: false
79
+ },
80
+ disabled: {
81
+ type: Boolean,
82
+ default: false
83
+ },
84
+ disableDefaultStyles: {
85
+ type: Boolean,
86
+ default: false
87
+ }
88
+ },
89
+ emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
90
+ expose: ['root', 'focus', 'blur'],
91
+ setup(props, context) {
92
+ // Refs
93
+ const root = ref();
94
+ const control = ref();
95
+ // Styles
96
+ const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
97
+ const controlStyles = computed(() => [...TagInputControl]);
98
+ const itemStyles = computed(() => [...TagInputItem]);
99
+ // State
100
+ const controlAttributes = reactive({
101
+ id: useIdAttribute(),
102
+ ...useControlAttributes(),
103
+ ...useValidationAttributes()
104
+ });
105
+ const proxyModelValue = computed({
106
+ get: () => props.modelValue,
107
+ set: value => {
108
+ context.emit('update:modelValue', value);
109
+ }
110
+ });
111
+ const draftModelValue = ref();
112
+ const currentLength = computed(() => {
113
+ var _a, _b;
114
+ return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
115
+ });
116
+ const maxLength = computed(() => controlAttributes.maxlength);
117
+ // Methods
118
+ function focus() {
119
+ var _a;
120
+ (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
121
+ }
122
+ function blur() {
123
+ var _a;
124
+ (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
125
+ }
126
+ function add() {
127
+ var _a;
128
+ const newItem = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
129
+ if (!newItem) return;
130
+ if (proxyModelValue.value.includes(newItem)) return;
131
+ if (maxLength.value && currentLength.value >= maxLength.value) return;
132
+ proxyModelValue.value = [...proxyModelValue.value, newItem];
133
+ draftModelValue.value = undefined;
134
+ }
135
+ function remove(value) {
136
+ proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
137
+ }
138
+ function reset() {
139
+ proxyModelValue.value = [];
140
+ draftModelValue.value = undefined;
141
+ }
142
+ return {
143
+ root,
144
+ control,
145
+ rootStyles,
146
+ controlStyles,
147
+ itemStyles,
148
+ controlAttributes,
149
+ proxyModelValue,
150
+ draftModelValue,
151
+ currentLength,
152
+ maxLength,
153
+ focus,
154
+ blur,
155
+ add,
156
+ remove,
157
+ reset
158
+ };
159
+ }
160
+ });
161
+
162
+ var css_248z = "input[data-v-6d17347d]{min-width:0;background:0 0;outline:0}";
163
+ styleInject(css_248z);
164
+
165
+ /* script */
166
+ const __vue_script__ = script;
167
+ /* template */
168
+ var __vue_render__ = function () {
169
+ var _vm = this;
170
+ var _h = _vm.$createElement;
171
+ var _c = _vm._self._c || _h;
172
+ return _c('div', {
173
+ ref: "root",
174
+ class: _vm.rootStyles
175
+ }, [_vm.label ? [_c('OrLabel', {
176
+ attrs: {
177
+ "control-id": _vm.controlAttributes.id,
178
+ "variant": 'input',
179
+ "required": _vm.required,
180
+ "disabled": _vm.disabled
181
+ },
182
+ scopedSlots: _vm._u([{
183
+ key: "addon",
184
+ fn: function () {
185
+ return [_vm._t("addon")];
186
+ },
187
+ proxy: true
188
+ }], null, true)
189
+ }, [_vm._v("\n " + _vm._s(_vm.label) + "\n\n ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
190
+ attrs: {
191
+ "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
192
+ "size": _vm.size,
193
+ "invalid": !!_vm.error,
194
+ "readonly": _vm.readonly,
195
+ "disabled": _vm.disabled
196
+ },
197
+ scopedSlots: _vm._u([{
198
+ key: "addon",
199
+ fn: function () {
200
+ return [_vm.proxyModelValue.length > 0 || _vm.draftModelValue ? [_c('OrIconButton', {
201
+ attrs: {
202
+ "icon": 'close',
203
+ "color": 'inherit',
204
+ "disabled": _vm.readonly || _vm.disabled
205
+ },
206
+ on: {
207
+ "click": function ($event) {
208
+ $event.stopPropagation();
209
+ return _vm.reset();
210
+ }
211
+ }
212
+ })] : _vm._e()];
213
+ },
214
+ proxy: true
215
+ }])
216
+ }, [_vm.proxyModelValue.length > 0 ? [_c('OrTags', {
217
+ attrs: {
218
+ "items": _vm.proxyModelValue,
219
+ "tag-props": {
220
+ variant: _vm.readonly || _vm.disabled ? 'tag' : 'reset',
221
+ disabled: _vm.disabled
222
+ }
223
+ },
224
+ on: {
225
+ "reset": function ($event) {
226
+ return _vm.remove($event);
227
+ }
228
+ }
229
+ })] : _vm._e(), _vm._v(" "), _c('input', _vm._b({
230
+ directives: [{
231
+ name: "model",
232
+ rawName: "v-model",
233
+ value: _vm.draftModelValue,
234
+ expression: "draftModelValue"
235
+ }],
236
+ ref: "control",
237
+ class: _vm.controlStyles,
238
+ attrs: {
239
+ "placeholder": _vm.proxyModelValue.length === 0 ? _vm.placeholder : undefined,
240
+ "readonly": _vm.readonly,
241
+ "disabled": _vm.disabled,
242
+ "autocomplete": 'off',
243
+ "minlength": undefined,
244
+ "maxlength": undefined,
245
+ "type": 'text'
246
+ },
247
+ domProps: {
248
+ "value": _vm.draftModelValue
249
+ },
250
+ on: {
251
+ "keydown": [function ($event) {
252
+ if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
253
+ return null;
254
+ }
255
+ return _vm.add();
256
+ }, function ($event) {
257
+ return _vm.$emit('keydown', $event);
258
+ }],
259
+ "keyup": function ($event) {
260
+ return _vm.$emit('keyup', $event);
261
+ },
262
+ "focus": function ($event) {
263
+ return _vm.$emit('focus', $event);
264
+ },
265
+ "blur": function ($event) {
266
+ return _vm.$emit('blur', $event);
267
+ },
268
+ "input": function ($event) {
269
+ if ($event.target.composing) {
270
+ return;
271
+ }
272
+ _vm.draftModelValue = $event.target.value;
273
+ }
274
+ }
275
+ }, 'input', _vm.controlAttributes, false))], 2), _vm._v(" "), _c('div', {
276
+ directives: [{
277
+ name: "show",
278
+ rawName: "v-show",
279
+ value: !_vm.error,
280
+ expression: "!error"
281
+ }],
282
+ class: ['contents']
283
+ }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
284
+ attrs: {
285
+ "disabled": _vm.disabled
286
+ },
287
+ scopedSlots: _vm._u([_vm.maxLength ? {
288
+ key: "addon",
289
+ fn: function () {
290
+ return [_vm._v("\n " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n ")];
291
+ },
292
+ proxy: true
293
+ } : null], null, true)
294
+ }, [_vm._v("\n " + _vm._s(_vm.hint) + "\n\n ")])] : _vm._e()], 2), _vm._v(" "), _c('div', {
295
+ directives: [{
296
+ name: "show",
297
+ rawName: "v-show",
298
+ value: typeof _vm.error === 'string',
299
+ expression: "typeof error === 'string'"
300
+ }],
301
+ class: ['contents']
302
+ }, [_c('OrError', {
303
+ attrs: {
304
+ "disabled": _vm.disabled
305
+ },
306
+ scopedSlots: _vm._u([_vm.maxLength ? {
307
+ key: "addon",
308
+ fn: function () {
309
+ return [_vm._v("\n " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n ")];
310
+ },
311
+ proxy: true
312
+ } : null], null, true)
313
+ }, [_vm._v("\n " + _vm._s(_vm.error) + "\n\n ")])], 1)], 2);
314
+ };
315
+ var __vue_staticRenderFns__ = [];
316
+
317
+ /* style */
318
+ const __vue_inject_styles__ = undefined;
319
+ /* scoped */
320
+ const __vue_scope_id__ = "data-v-6d17347d";
321
+ /* module identifier */
322
+ const __vue_module_identifier__ = undefined;
323
+ /* functional template */
324
+ const __vue_is_functional_template__ = false;
325
+ /* style inject */
326
+
327
+ /* style inject SSR */
328
+
329
+ /* style inject shadow dom */
330
+
331
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
332
+ render: __vue_render__,
333
+ staticRenderFns: __vue_staticRenderFns__
334
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
335
+
336
+ export { __vue_component__ as _ };
@@ -11,6 +11,8 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
11
11
  const Tags = [
12
12
  // Layout
13
13
  'layout-row',
14
+ // Overflow
15
+ 'overflow-hidden',
14
16
  // Spacing
15
17
  'gap-sm',
16
18
  // Theme
@@ -50,6 +52,8 @@ var script = defineComponent({
50
52
  default: undefined
51
53
  }
52
54
  },
55
+ emits: ['click', 'focus', 'blur', 'reset'],
56
+ expose: ['root'],
53
57
  setup(props) {
54
58
  // Refs
55
59
  const root = ref();
@@ -108,7 +112,12 @@ var __vue_render__ = function () {
108
112
  class: _vm.containerStyles
109
113
  }, _vm._l(_vm.items, function (item) {
110
114
  return _c('OrTag', _vm._b({
111
- key: item
115
+ key: item,
116
+ on: {
117
+ "reset": function ($event) {
118
+ return _vm.$emit('reset', item);
119
+ }
120
+ }
112
121
  }, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
113
122
  }), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
114
123
  ref: "overflowButton",
@@ -133,7 +142,12 @@ var __vue_render__ = function () {
133
142
  class: _vm.overflowPopoverStyles
134
143
  }, _vm._l(_vm.overflowItems, function (item) {
135
144
  return _c('OrTag', _vm._b({
136
- key: item
145
+ key: item,
146
+ on: {
147
+ "reset": function ($event) {
148
+ return _vm.$emit('reset', item);
149
+ }
150
+ }
137
151
  }, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
138
152
  }), 1)])] : _vm._e()], 2);
139
153
  };
@@ -6,8 +6,8 @@ import 'tailwindcss/resolveConfig';
6
6
  import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
7
7
  import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
8
8
  import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
9
- import { _ as __vue_component__$3 } from './OrInputBox-7f3c0ee9.js';
10
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
9
+ import { _ as __vue_component__$3 } from './OrInputBox-11227ecd.js';
10
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
11
11
  import { _ as __vue_component__$4 } from './OrLabel-63380256.js';
12
12
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
13
13
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -24,7 +24,7 @@ const TextareaControl = [
24
24
  'px-md md:px-sm+', 'py-sm md:py-xs', '!m-none',
25
25
  // Typography
26
26
  'typography-inherit',
27
- // Theme
27
+ // Theme (placeholder)
28
28
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
29
29
 
30
30
  var script = defineComponent({
@@ -6,8 +6,8 @@ import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
6
6
  import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
7
7
  import { _ as __vue_component__$9 } from './OrIconButton-ab726d49.js';
8
8
  import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
9
- import { _ as __vue_component__$a } from './OrInputBox-7f3c0ee9.js';
10
- import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
9
+ import { _ as __vue_component__$a } from './OrInputBox-11227ecd.js';
10
+ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
11
11
  import { _ as __vue_component__$b } from './OrLabel-63380256.js';
12
12
  import { _ as __vue_component__$c } from './OrPopover-ef16a904.js';
13
13
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -10,9 +10,9 @@ export * from './or-card-collection-v3';
10
10
  export * from './or-card-v3';
11
11
  export * from './or-carousel';
12
12
  export * from './or-checkbox';
13
- export * from './or-checkbox-v3';
14
13
  export * from './or-checkbox-group-v3';
15
14
  export * from './or-checkbox-tree-v3';
15
+ export * from './or-checkbox-v3';
16
16
  export * from './or-chips';
17
17
  export * from './or-code';
18
18
  export * from './or-collapse';
@@ -90,6 +90,7 @@ export * from './or-tab-v3';
90
90
  export * from './or-tabs';
91
91
  export * from './or-tabs-v3';
92
92
  export * from './or-tag';
93
+ export * from './or-tag-input-v3';
93
94
  export * from './or-tag-v3';
94
95
  export * from './or-tags-v3';
95
96
  export * from './or-teleport';