bonkers-ui 1.0.68 → 1.0.69

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 (189) hide show
  1. package/.eslintrc.js +12 -2
  2. package/CONSTANTS.d.ts +3 -1
  3. package/CONSTANTS.d.ts.map +1 -1
  4. package/_types/colors.d.ts +4 -0
  5. package/_types/colors.d.ts.map +1 -1
  6. package/_types/colors.js +1 -1
  7. package/_types/colors.js.map +1 -1
  8. package/_types/sizing.d.ts +28 -4
  9. package/_types/sizing.d.ts.map +1 -1
  10. package/_types/sizing.js +1 -1
  11. package/_types/sizing.js.map +1 -1
  12. package/bonkers-ui.umd.js +7 -7
  13. package/bonkers-ui.umd.js.map +1 -1
  14. package/components/ui-alert/index.d.ts +3 -3
  15. package/components/ui-alert/ui-alert.vue.d.ts +8 -6
  16. package/components/ui-alert/ui-alert.vue.d.ts.map +1 -1
  17. package/components/ui-alert/ui-alert.vue.js +3 -3
  18. package/components/ui-badge/_typings.d.ts +5 -1
  19. package/components/ui-badge/_typings.d.ts.map +1 -1
  20. package/components/ui-badge/_typings.js +3 -3
  21. package/components/ui-badge/_typings.js.map +1 -1
  22. package/components/ui-badge/index.d.ts +50 -14
  23. package/components/ui-badge/index.d.ts.map +1 -1
  24. package/components/ui-badge/ui-badge.vue.d.ts +34 -10
  25. package/components/ui-badge/ui-badge.vue.d.ts.map +1 -1
  26. package/components/ui-badge/ui-badge.vue.js +41 -35
  27. package/components/ui-badge/ui-badge.vue.js.map +1 -1
  28. package/components/ui-ber-rank/ui-ber-rank.vue.d.ts +2 -2
  29. package/components/ui-ber-rank/ui-ber-rank.vue.d.ts.map +1 -1
  30. package/components/ui-button/index.d.ts +3 -3
  31. package/components/ui-button/ui-button.vue.d.ts +8 -6
  32. package/components/ui-button/ui-button.vue.d.ts.map +1 -1
  33. package/components/ui-button/ui-button.vue.js +4 -4
  34. package/components/ui-button/ui-button.vue.js.map +1 -1
  35. package/components/ui-card-cta/index.d.ts +3 -3
  36. package/components/ui-card-cta/ui-card-cta.vue.d.ts +16 -14
  37. package/components/ui-card-cta/ui-card-cta.vue.d.ts.map +1 -1
  38. package/components/ui-card-cta/ui-card-cta.vue.js +1 -1
  39. package/components/ui-card-result/index.d.ts +3 -3
  40. package/components/ui-card-result/ui-card-result.vue.d.ts +16 -14
  41. package/components/ui-card-result/ui-card-result.vue.d.ts.map +1 -1
  42. package/components/ui-card-result/ui-card-result.vue.js +4 -4
  43. package/components/ui-card-result/ui-card-result.vue2.js +14 -14
  44. package/components/ui-card-simple/_typings.d.ts +5 -0
  45. package/components/ui-card-simple/_typings.d.ts.map +1 -0
  46. package/components/ui-card-simple/index.d.ts +3 -3
  47. package/components/ui-card-simple/ui-card-simple.vue.d.ts +4 -2
  48. package/components/ui-card-simple/ui-card-simple.vue.d.ts.map +1 -1
  49. package/components/ui-card-simple/ui-card-simple.vue.js +7 -8
  50. package/components/ui-card-simple/ui-card-simple.vue.js.map +1 -1
  51. package/components/ui-checkbox/index.d.ts +3 -3
  52. package/components/ui-checkbox/ui-checkbox.vue.d.ts +14 -12
  53. package/components/ui-checkbox/ui-checkbox.vue.d.ts.map +1 -1
  54. package/components/ui-dropdown/index.d.ts +3 -3
  55. package/components/ui-dropdown/ui-dropdown.vue.d.ts +14 -12
  56. package/components/ui-dropdown/ui-dropdown.vue.d.ts.map +1 -1
  57. package/components/ui-dropdown/ui-dropdown.vue.js +4 -4
  58. package/components/ui-dropdown/ui-dropdown.vue.js.map +1 -1
  59. package/components/ui-icon/ui-icon.vue.d.ts +2 -2
  60. package/components/ui-icon/ui-icon.vue.d.ts.map +1 -1
  61. package/components/ui-icon/ui-icon.vue.js +19 -15
  62. package/components/ui-icon/ui-icon.vue.js.map +1 -1
  63. package/components/ui-icon-wrapper/index.d.ts +3 -3
  64. package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts +6 -4
  65. package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts.map +1 -1
  66. package/components/ui-icon-wrapper/ui-icon-wrapper.vue.js +2 -2
  67. package/components/ui-icon-wrapper/ui-icon-wrapper.vue2.js +2 -2
  68. package/components/ui-input/index.d.ts +3 -3
  69. package/components/ui-input/ui-input.vue.d.ts +33 -31
  70. package/components/ui-input/ui-input.vue.d.ts.map +1 -1
  71. package/components/ui-input/ui-input.vue.js +3 -3
  72. package/components/ui-input/ui-input.vue.js.map +1 -1
  73. package/components/ui-input-range/ui-input-range.vue.d.ts.map +1 -1
  74. package/components/ui-input-range/ui-input-range.vue.js +2 -2
  75. package/components/ui-input-range/ui-input-range.vue2.js +11 -11
  76. package/components/ui-input-range/ui-input-range.vue2.js.map +1 -1
  77. package/components/ui-list-item/index.d.ts +7 -7
  78. package/components/ui-list-item/ui-list-item.vue.d.ts +21 -19
  79. package/components/ui-list-item/ui-list-item.vue.d.ts.map +1 -1
  80. package/components/ui-list-item/ui-list-item.vue.js +6 -6
  81. package/components/ui-modal/index.d.ts +3 -3
  82. package/components/ui-modal/ui-backdrop/index.d.ts +3 -3
  83. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts +4 -2
  84. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts.map +1 -1
  85. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js +6 -6
  86. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js.map +1 -1
  87. package/components/ui-modal/ui-modal.vue.d.ts +13 -11
  88. package/components/ui-modal/ui-modal.vue.d.ts.map +1 -1
  89. package/components/ui-modal/ui-modal.vue.js +2 -2
  90. package/components/ui-modal/ui-modal.vue2.js +20 -24
  91. package/components/ui-modal/ui-modal.vue2.js.map +1 -1
  92. package/components/ui-notification-badge/index.d.ts +3 -3
  93. package/components/ui-notification-badge/ui-notification-badge.vue.d.ts +8 -6
  94. package/components/ui-notification-badge/ui-notification-badge.vue.d.ts.map +1 -1
  95. package/components/ui-notification-badge/ui-notification-badge.vue.js +1 -1
  96. package/components/ui-order-card/index.d.ts +3 -3
  97. package/components/ui-order-card/ui-order-card.vue.d.ts +10 -8
  98. package/components/ui-order-card/ui-order-card.vue.d.ts.map +1 -1
  99. package/components/ui-order-card/ui-order-card.vue.js +4 -4
  100. package/components/ui-order-card/ui-order-card.vue.js.map +1 -1
  101. package/components/ui-plain-radio/index.d.ts +3 -3
  102. package/components/ui-plain-radio/ui-plain-radio.vue.d.ts +13 -11
  103. package/components/ui-plain-radio/ui-plain-radio.vue.d.ts.map +1 -1
  104. package/components/ui-plain-radio/ui-plain-radio.vue.js +5 -5
  105. package/components/ui-plain-radio/ui-plain-radio.vue.js.map +1 -1
  106. package/components/ui-product-card/index.d.ts +4 -0
  107. package/components/ui-product-card/index.d.ts.map +1 -0
  108. package/components/ui-progress/index.d.ts +9 -0
  109. package/components/ui-progress/index.d.ts.map +1 -1
  110. package/components/ui-progress/ui-progress.vue.d.ts +5 -0
  111. package/components/ui-progress/ui-progress.vue.d.ts.map +1 -1
  112. package/components/ui-progress/ui-progress.vue.js +29 -13
  113. package/components/ui-progress/ui-progress.vue.js.map +1 -1
  114. package/components/ui-radio/index.d.ts +3 -3
  115. package/components/ui-radio/ui-radio.vue.d.ts +12 -10
  116. package/components/ui-radio/ui-radio.vue.d.ts.map +1 -1
  117. package/components/ui-radio/ui-radio.vue.js +2 -2
  118. package/components/ui-radio/ui-radio.vue2.js +9 -9
  119. package/components/ui-radio/ui-radio.vue2.js.map +1 -1
  120. package/components/ui-radio-compact/index.d.ts +3 -3
  121. package/components/ui-radio-compact/ui-radio-compact.vue.d.ts +8 -6
  122. package/components/ui-radio-compact/ui-radio-compact.vue.d.ts.map +1 -1
  123. package/components/ui-radio-compact/ui-radio-compact.vue.js +5 -5
  124. package/components/ui-radio-compact/ui-radio-compact.vue.js.map +1 -1
  125. package/components/ui-radio-fancy/index.d.ts +3 -3
  126. package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts +12 -10
  127. package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts.map +1 -1
  128. package/components/ui-radio-fancy/ui-radio-fancy.vue.js +20 -20
  129. package/components/ui-radio-fancy/ui-radio-fancy.vue.js.map +1 -1
  130. package/components/ui-result-card-range/index.d.ts +3 -3
  131. package/components/ui-result-card-range/ui-result-card-range.vue.d.ts +10 -8
  132. package/components/ui-result-card-range/ui-result-card-range.vue.d.ts.map +1 -1
  133. package/components/ui-result-card-range/ui-result-card-range.vue.js +2 -2
  134. package/components/ui-ripple/index.d.ts +3 -3
  135. package/components/ui-ripple/ui-ripple.vue.d.ts +4 -2
  136. package/components/ui-ripple/ui-ripple.vue.d.ts.map +1 -1
  137. package/components/ui-select/index.d.ts +3 -3
  138. package/components/ui-select/ui-select.vue.d.ts +15 -13
  139. package/components/ui-select/ui-select.vue.d.ts.map +1 -1
  140. package/components/ui-select/ui-select.vue.js +5 -5
  141. package/components/ui-select/ui-select.vue.js.map +1 -1
  142. package/components/ui-skeleton/ui-skeleton.vue.d.ts +2 -2
  143. package/components/ui-skeleton/ui-skeleton.vue.d.ts.map +1 -1
  144. package/components/ui-skeleton/ui-skeleton.vue.js +26 -28
  145. package/components/ui-skeleton/ui-skeleton.vue.js.map +1 -1
  146. package/components/ui-snackbar/index.d.ts +3 -3
  147. package/components/ui-snackbar/ui-snackbar.vue.d.ts +10 -8
  148. package/components/ui-snackbar/ui-snackbar.vue.d.ts.map +1 -1
  149. package/components/ui-snackbar/ui-snackbar.vue.js +2 -2
  150. package/components/ui-table/index.d.ts +3 -3
  151. package/components/ui-table/ui-table-cell/index.d.ts +3 -3
  152. package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts +10 -8
  153. package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts.map +1 -1
  154. package/components/ui-table/ui-table-cell/ui-table-cell.vue.js +1 -1
  155. package/components/ui-table/ui-table-row/index.d.ts +3 -3
  156. package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts +8 -6
  157. package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts.map +1 -1
  158. package/components/ui-table/ui-table-row/ui-table-row.vue.js +3 -3
  159. package/components/ui-table/ui-table.vue.d.ts +8 -6
  160. package/components/ui-table/ui-table.vue.d.ts.map +1 -1
  161. package/components/ui-table/ui-table.vue.js +4 -4
  162. package/components/ui-table/ui-table.vue2.js +1 -1
  163. package/components/ui-tabs/ui-tabs.vue.d.ts +2 -2
  164. package/components/ui-tabs/ui-tabs.vue.d.ts.map +1 -1
  165. package/components/ui-tabs/ui-tabs.vue.js +3 -3
  166. package/components/ui-tabs/ui-tabs.vue2.js +6 -6
  167. package/components/ui-tabs/ui-tabs.vue2.js.map +1 -1
  168. package/components/ui-toggle/index.d.ts +3 -3
  169. package/components/ui-toggle/ui-toggle.vue.d.ts +19 -17
  170. package/components/ui-toggle/ui-toggle.vue.d.ts.map +1 -1
  171. package/components/ui-toggle/ui-toggle.vue.js +3 -3
  172. package/components/ui-toggle/ui-toggle.vue2.js +8 -8
  173. package/components/ui-toggle/ui-toggle.vue2.js.map +1 -1
  174. package/components/ui-typography/index.d.ts +3 -3
  175. package/components/ui-typography/ui-typography.vue.d.ts +22 -20
  176. package/components/ui-typography/ui-typography.vue.d.ts.map +1 -1
  177. package/components/ui-typography/ui-typography.vue.js +7 -3
  178. package/components/ui-typography/ui-typography.vue.js.map +1 -1
  179. package/components/ui-verification-input/index.d.ts +3 -3
  180. package/components/ui-verification-input/ui-verification-input.vue.d.ts +6 -4
  181. package/components/ui-verification-input/ui-verification-input.vue.d.ts.map +1 -1
  182. package/index.js +48 -48
  183. package/package.json +26 -25
  184. package/plugin.ts +17 -9
  185. package/src/_styles/_colors.json +5 -1
  186. package/src/_styles/_spacing.json +7 -3
  187. package/tailwind.config.ts +1 -1
  188. package/types.js +56 -55
  189. package/types.js.map +1 -1
@@ -41,7 +41,7 @@ const D = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "m
41
41
  o(e.$slots, "header", {}, () => [
42
42
  e.heading ? (n(), p(t(v), {
43
43
  key: 0,
44
- class: "mb-xs",
44
+ class: "mb-xxs",
45
45
  size: t(y).MD,
46
46
  "line-height": ""
47
47
  }, {
@@ -52,7 +52,7 @@ const D = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "m
52
52
  }, 8, ["size"])) : b("", !0)
53
53
  ]),
54
54
  g("label", {
55
- class: s(["ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm", [
55
+ class: s(["ui-input__wrapper flex w-full items-center gap-xxs rounded-xl border bg-white p-sm", [
56
56
  e.kind === t(a).SECONDARY && "border-secondary-alt-500 hover:border-secondary-alt-700",
57
57
  e.kind === t(a).PRIMARY && "border-primary",
58
58
  e.kind === t(a).ERROR && "border-error",
@@ -84,7 +84,7 @@ const D = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "m
84
84
  "line-height": "",
85
85
  size: t(y).SM,
86
86
  kind: t(C).SECONDARY_ALT,
87
- class: "mt-xs"
87
+ class: "mt-xxs"
88
88
  }, {
89
89
  default: m(() => [
90
90
  f(h(e.subLabel), 1)
@@ -1 +1 @@
1
- {"version":3,"file":"ui-input.vue.js","sources":["../../../src/components/ui-input/ui-input.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input\"\n\t\t:class=\"[\n\t\t\tdisabled && 'pointer-events-none'\n\t\t]\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete || getAutoComplete\"\n\t\t\t\t:name=\"name || autocomplete || getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler || undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string | number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tdisabled: false,\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","getAutoComplete","computed","EInputType","EAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiEC,UAAMA,IAAQC,GAgCRC,IAAkBC,EAAS,MAAK;AACrC,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAW;AAAU,iBAAOC,EAAc;AAAA,QAC/C,KAAKD,EAAW;AAAO,iBAAOC,EAAc;AAAA,QAC5C;AAAgB;AAAA,MACjB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ui-input.vue.js","sources":["../../../src/components/ui-input/ui-input.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input\"\n\t\t:class=\"[\n\t\t\tdisabled && 'pointer-events-none'\n\t\t]\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xxs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"\n\t\t\t\tui-input__wrapper\n\t\t\t\tflex\n\t\t\t\tw-full\n\t\t\t\titems-center\n\t\t\t\tgap-xxs\n\t\t\t\trounded-xl\n\t\t\t\tborder\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\t\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete || getAutoComplete\"\n\t\t\t\t:name=\"name || autocomplete || getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"\n\t\t\t\t\tw-full\n\t\t\t\t\tborder-0\n\t\t\t\t\tbg-transparent\n\t\t\t\t\toutline-none\n\t\t\t\t\tplaceholder:italic\n\t\t\t\t\tplaceholder:text-secondary-alt\n\t\t\t\t\t\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler || undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xxs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string | number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tdisabled: false,\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","getAutoComplete","computed","EInputType","EAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkFC,UAAMA,IAAQC,GAgCRC,IAAkBC,EAAS,MAAK;AACrC,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAW;AAAU,iBAAOC,EAAc;AAAA,QAC/C,KAAKD,EAAW;AAAO,iBAAOC,EAAc;AAAA,QAC5C;AAAgB;AAAA,MACjB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ui-input-range.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"names":[],"mappings":"AA2CA;;gBAkNc,MAAM;SACb,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;UACd,MAAM,GAAG,MAAM;;;;gBAHT,MAAM;SACb,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;UACd,MAAM,GAAG,MAAM;;;;AATvB,wBAYG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-input-range.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"names":[],"mappings":"AA8DA;;gBAkNc,MAAM;SACb,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;UACd,MAAM,GAAG,MAAM;;;;gBAHT,MAAM;SACb,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;UACd,MAAM,GAAG,MAAM;;;;AATvB,wBAYG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
@@ -1,8 +1,8 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[type=range][data-v-196548ca]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range][data-v-196548ca]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}.ui-input-range__thumb[data-v-196548ca]{top:50%;border-width:12px;box-shadow:0 0 0 4px var(--color-primary)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[type=range][data-v-5633207c]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range][data-v-5633207c]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}.ui-input-range__thumb[data-v-5633207c]{top:50%;border-width:12px;box-shadow:0 0 0 4px var(--color-primary)}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
2
2
  import o from "./ui-input-range.vue2.js";
3
3
 
4
4
  import t from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-196548ca"]]);
5
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5633207c"]]);
6
6
  export {
7
7
  m as default
8
8
  };
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as y, computed as u, watch as _, ref as k, openBlock as w, createElementBlock as M, withDirectives as V, createElementVNode as s, vModelText as S, normalizeStyle as c, pushScopeId as I, popScopeId as C } from "vue";
2
- const P = (o) => (I("data-v-196548ca"), o = o(), C(), o), z = { class: "ui-input-range relative box-content h-lg py-xs" }, B = ["min", "max", "step"], F = /* @__PURE__ */ P(() => /* @__PURE__ */ s("div", { class: "pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt" }, null, -1)), L = /* @__PURE__ */ y({
2
+ const P = (a) => (I("data-v-5633207c"), a = a(), C(), a), z = { class: "ui-input-range relative box-content h-xl py-xxs" }, B = ["min", "max", "step"], F = /* @__PURE__ */ P(() => /* @__PURE__ */ s("div", { class: "pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt" }, null, -1)), L = /* @__PURE__ */ y({
3
3
  __name: "ui-input-range",
4
4
  props: {
5
5
  modelValue: {},
@@ -8,8 +8,8 @@ const P = (o) => (I("data-v-196548ca"), o = o(), C(), o), z = { class: "ui-input
8
8
  step: {}
9
9
  },
10
10
  emits: ["update:modelValue"],
11
- setup(o, { emit: m }) {
12
- const e = o, p = m, a = u({
11
+ setup(a, { emit: m }) {
12
+ const e = a, p = m, o = u({
13
13
  get() {
14
14
  return e.modelValue;
15
15
  },
@@ -18,25 +18,25 @@ const P = (o) => (I("data-v-196548ca"), o = o(), C(), o), z = { class: "ui-input
18
18
  }
19
19
  });
20
20
  _(() => [e.min, e.max], () => {
21
- a.value < +e.min ? a.value = +e.min : a.value > +e.max && (a.value = +e.max);
21
+ o.value < +e.min ? o.value = +e.min : o.value > +e.max && (o.value = +e.max);
22
22
  });
23
23
  const l = k(), i = u(() => Math.round((+e.modelValue - +e.min) / (+e.max - +e.min) * 100)), d = (t) => {
24
24
  if (l.value) {
25
25
  const n = "clientX", {
26
26
  left: r,
27
- width: h
28
- } = l.value.getBoundingClientRect(), f = "touches" in t ? t.touches[0][n] : t[n], x = Math.min(Math.max((f - r) / h, 0), 1) || 0, g = parseFloat(String(e.min)) + x * (+e.max - +e.min), b = Math.round(g / +e.step) * +e.step;
27
+ width: x
28
+ } = l.value.getBoundingClientRect(), h = "touches" in t ? t.touches[0][n] : t[n], f = Math.min(Math.max((h - r) / x, 0), 1) || 0, g = parseFloat(String(e.min)) + f * (+e.max - +e.min), b = Math.round(g / +e.step) * +e.step;
29
29
  return parseFloat(Math.min(b, +e.max).toFixed(2));
30
30
  }
31
31
  }, v = (t) => {
32
32
  const n = d(t);
33
- n && (a.value = n);
33
+ n && (o.value = n);
34
34
  };
35
35
  return (t, n) => (w(), M("div", z, [
36
36
  V(s("input", {
37
37
  ref_key: "track",
38
38
  ref: l,
39
- "onUpdate:modelValue": n[0] || (n[0] = (r) => a.value = r),
39
+ "onUpdate:modelValue": n[0] || (n[0] = (r) => o.value = r),
40
40
  class: "absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",
41
41
  type: "range",
42
42
  min: t.min,
@@ -46,20 +46,20 @@ const P = (o) => (I("data-v-196548ca"), o = o(), C(), o), z = { class: "ui-input
46
46
  }, null, 40, B), [
47
47
  [
48
48
  S,
49
- a.value,
49
+ o.value,
50
50
  void 0,
51
51
  { number: !0 }
52
52
  ]
53
53
  ]),
54
54
  F,
55
55
  s("div", {
56
- class: "pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary",
56
+ class: "pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",
57
57
  style: c({
58
58
  width: i.value + "%"
59
59
  })
60
60
  }, null, 4),
61
61
  s("div", {
62
- class: "ui-input-range__thumb pointer-events-none absolute box-content size-xs -translate-x-1/2 -translate-y-1/2 rounded-full border-white bg-primary",
62
+ class: "ui-input-range__thumb pointer-events-none absolute box-content size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full border-white bg-primary",
63
63
  style: c({ left: i.value + "%" })
64
64
  }, null, 4)
65
65
  ]));
@@ -1 +1 @@
1
- {"version":3,"file":"ui-input-range.vue2.js","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-lg py-xs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\tsize-xs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string | number;\n\t\tmax: string | number;\n\t\tstep: string | number;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst rangeModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) * 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent | TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) || 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent | TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","rangeModel","computed","value","watch","track","ref","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler"],"mappings":";;;;;;;;;;;AA+CC,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;AAED,IAAAC,EAAM,MAAI,CAACP,EAAM,KAAKA,EAAM,GAAG,GAAG,MAAM;AACvC,MAAII,EAAW,QAAQ,CAACJ,EAAM,MAClBI,EAAA,QAAQ,CAACJ,EAAM,MAChBI,EAAW,QAAQ,CAACJ,EAAM,QACzBI,EAAA,QAAQ,CAACJ,EAAM;AAAA,IAC3B,CACA;AAED,UAAMQ,IAAQC,KAERC,IAAgBL,EAAS,MACvB,KAAK,OAAQ,CAACL,EAAM,aAAa,CAACA,EAAM,QAAQ,CAACA,EAAM,MAAM,CAACA,EAAM,OAAQ,GAAG,CACtF,GAEKW,IAAiB,CAACC,MAA+B;AACtD,UAAIJ,EAAM,OAAO;AAChB,cAAMK,IAAQ,WAER;AAAA,UACL,MAAMC;AAAA,UACN,OAAOC;AAAA,QAAA,IACJP,EAAM,MAAM,yBAEVQ,IAAc,aAAaJ,IAAIA,EAAE,QAAQ,CAAC,EAAEC,CAAK,IAAID,EAAEC,CAAK,GAG5DI,IAAW,KAAK,IAAI,KAAK,KAAKD,IAAcF,KAAeC,GAAa,CAAC,GAAG,CAAC,KAAK,GAElFG,IAAyB,WAAW,OAAOlB,EAAM,GAAG,CAAC,IAAIiB,KAAY,CAACjB,EAAM,MAAM,CAACA,EAAM,MAEzFmB,IAAW,KAAK,MAAOD,IAA0B,CAAClB,EAAM,IAAI,IAAI,CAACA,EAAM;AAEtE,eAAA,WAAW,KAAK,IAAImB,GAAU,CAACnB,EAAM,GAAG,EAAE,QAAQ,CAAC,CAAC;AAAA,MAC5D;AAAA,IAAA,GAGKoB,IAAc,CAACR,MAA+B;AAC7C,YAAAO,IAAWR,EAAeC,CAAC;AAEjC,MAAIO,MACHf,EAAW,QAAQe;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ui-input-range.vue2.js","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-xl py-xxs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tleft-0\n\t\t\t\ttop-1/2\n\t\t\t\th-xxs\n\t\t\t\tw-full\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded\n\t\t\t\tbg-secondary-alt\n\t\t\t\t\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tleft-0\n\t\t\t\ttop-1/2\n\t\t\t\th-xxs\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded\n\t\t\t\tbg-primary\n\t\t\t\t\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\tsize-xxs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string | number;\n\t\tmax: string | number;\n\t\tstep: string | number;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst rangeModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) * 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent | TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) || 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent | TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","rangeModel","computed","value","watch","track","ref","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler"],"mappings":";;;;;;;;;;;AAkEC,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;AAED,IAAAC,EAAM,MAAI,CAACP,EAAM,KAAKA,EAAM,GAAG,GAAG,MAAM;AACvC,MAAII,EAAW,QAAQ,CAACJ,EAAM,MAClBI,EAAA,QAAQ,CAACJ,EAAM,MAChBI,EAAW,QAAQ,CAACJ,EAAM,QACzBI,EAAA,QAAQ,CAACJ,EAAM;AAAA,IAC3B,CACA;AAED,UAAMQ,IAAQC,KAERC,IAAgBL,EAAS,MACvB,KAAK,OAAQ,CAACL,EAAM,aAAa,CAACA,EAAM,QAAQ,CAACA,EAAM,MAAM,CAACA,EAAM,OAAQ,GAAG,CACtF,GAEKW,IAAiB,CAACC,MAA+B;AACtD,UAAIJ,EAAM,OAAO;AAChB,cAAMK,IAAQ,WAER;AAAA,UACL,MAAMC;AAAA,UACN,OAAOC;AAAA,QAAA,IACJP,EAAM,MAAM,yBAEVQ,IAAc,aAAaJ,IAAIA,EAAE,QAAQ,CAAC,EAAEC,CAAK,IAAID,EAAEC,CAAK,GAG5DI,IAAW,KAAK,IAAI,KAAK,KAAKD,IAAcF,KAAeC,GAAa,CAAC,GAAG,CAAC,KAAK,GAElFG,IAAyB,WAAW,OAAOlB,EAAM,GAAG,CAAC,IAAIiB,KAAY,CAACjB,EAAM,MAAM,CAACA,EAAM,MAEzFmB,IAAW,KAAK,MAAOD,IAA0B,CAAClB,EAAM,IAAI,IAAI,CAACA,EAAM;AAEtE,eAAA,WAAW,KAAK,IAAImB,GAAU,CAACnB,EAAM,GAAG,EAAE,QAAQ,CAAC,CAAC;AAAA,MAC5D;AAAA,IAAA,GAGKoB,IAAc,CAACR,MAA+B;AAC7C,YAAAO,IAAWR,EAAeC,CAAC;AAEjC,MAAIO,MACHf,EAAW,QAAQe;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { default as UiListItem } from './ui-list-item.vue';
2
- import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
2
+ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, HTMLAttributes, ComponentOptionsBase } from 'vue';
3
3
  import { EListItemSize, EListItemTypes, EListItemSpacing } from './_types';
4
4
  import { TIconName } from '../ui-icon';
5
5
 
@@ -65,7 +65,7 @@ declare const deprecatedDefault: {
65
65
  icon: TIconName;
66
66
  kind: EListItemTypes;
67
67
  spacing: EListItemSpacing;
68
- iconClass: any;
68
+ iconClass: HTMLAttributes["class"];
69
69
  }, true, {}, {}, {
70
70
  P: {};
71
71
  B: {};
@@ -104,11 +104,11 @@ declare const deprecatedDefault: {
104
104
  icon: TIconName;
105
105
  kind: EListItemTypes;
106
106
  spacing: EListItemSpacing;
107
- iconClass: any;
107
+ iconClass: HTMLAttributes["class"];
108
108
  }>;
109
- __isFragment?: undefined;
110
- __isTeleport?: undefined;
111
- __isSuspense?: undefined;
109
+ __isFragment?: never;
110
+ __isTeleport?: never;
111
+ __isSuspense?: never;
112
112
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
113
113
  size: {
114
114
  type: PropType<EListItemSize>;
@@ -140,7 +140,7 @@ declare const deprecatedDefault: {
140
140
  icon: TIconName;
141
141
  kind: EListItemTypes;
142
142
  spacing: EListItemSpacing;
143
- iconClass: any;
143
+ iconClass: HTMLAttributes["class"];
144
144
  }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
145
145
  $slots: {
146
146
  icon?(_: {}): any;
@@ -1,14 +1,18 @@
1
1
  import { TIconName } from '../ui-icon';
2
2
  import { EListItemTypes, EListItemSpacing, EListItemSize } from './_types';
3
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
4
4
 
5
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
6
- icon?: TIconName | undefined;
7
- title?: string | undefined;
8
- kind?: EListItemTypes | undefined;
9
- size?: EListItemSize | undefined;
10
- spacing?: EListItemSpacing | undefined;
11
- iconClass?: any;
5
+ declare function __VLS_template(): {
6
+ icon?(_: {}): any;
7
+ default?(_: {}): any;
8
+ };
9
+ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
10
+ icon?: TIconName;
11
+ title?: string;
12
+ kind?: EListItemTypes;
13
+ size?: EListItemSize;
14
+ spacing?: EListItemSpacing;
15
+ iconClass?: HTMLAttributes["class"];
12
16
  }>, {
13
17
  kind: EListItemTypes;
14
18
  size: EListItemSize;
@@ -17,12 +21,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
17
21
  icon: undefined;
18
22
  iconClass: string;
19
23
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
20
- icon?: TIconName | undefined;
21
- title?: string | undefined;
22
- kind?: EListItemTypes | undefined;
23
- size?: EListItemSize | undefined;
24
- spacing?: EListItemSpacing | undefined;
25
- iconClass?: any;
24
+ icon?: TIconName;
25
+ title?: string;
26
+ kind?: EListItemTypes;
27
+ size?: EListItemSize;
28
+ spacing?: EListItemSpacing;
29
+ iconClass?: HTMLAttributes["class"];
26
30
  }>, {
27
31
  kind: EListItemTypes;
28
32
  size: EListItemSize;
@@ -36,11 +40,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
36
40
  icon: TIconName;
37
41
  kind: EListItemTypes;
38
42
  spacing: EListItemSpacing;
39
- iconClass: any;
40
- }, {}>, {
41
- icon?(_: {}): any;
42
- default?(_: {}): any;
43
- }>;
43
+ iconClass: HTMLAttributes["class"];
44
+ }, {}>;
45
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
44
46
  export default _default;
45
47
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
46
48
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1 +1 @@
1
- {"version":3,"file":"ui-list-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/ui-list-item.vue"],"names":[],"mappings":"AAsDA;AAEC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuM5E,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-list-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/ui-list-item.vue"],"names":[],"mappings":"AA+DA;AAEC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAgC3C,iBAAS,cAAc;kBA8HI,GAAG;qBACA,GAAG;EAGhC;AAsBD,QAAA,MAAM,eAAe;WAMZ,SAAS;YACR,MAAM;WACP,cAAc;WACd,aAAa;cACV,gBAAgB;gBACd,cAAc,CAAC,OAAO,CAAC;;;;;;;;;WAL5B,SAAS;YACR,MAAM;WACP,cAAc;WACd,aAAa;cACV,gBAAgB;gBACd,cAAc,CAAC,OAAO,CAAC;;;;;;;;;UAF5B,aAAa;WAFZ,MAAM;UADP,SAAS;UAET,cAAc;aAEX,gBAAgB;eACd,cAAc,CAAC,OAAO,CAAC;MAEnC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -6,8 +6,8 @@ import { EListItemTypes as p, EListItemSize as a, EListItemSpacing as r } from "
6
6
  import { ETextWeight as f } from "../ui-typography/_typings.js";
7
7
  const k = {
8
8
  key: 0,
9
- class: "ui-list-item__line absolute left-xs top-sm h-full w-xxs -translate-x-2/4 bg-primary-300 group-last:hidden"
10
- }, y = { class: "ml-md" }, v = /* @__PURE__ */ c({
9
+ class: "ui-list-item__line absolute left-xxs top-sm h-full w-xxxs -translate-x-2/4 bg-primary-300 group-last:hidden"
10
+ }, y = { class: "ml-md" }, I = /* @__PURE__ */ c({
11
11
  __name: "ui-list-item",
12
12
  props: {
13
13
  icon: { default: void 0 },
@@ -19,11 +19,11 @@ const k = {
19
19
  },
20
20
  setup(w) {
21
21
  return (e, z) => (i(), n("li", {
22
- class: l(["ui-list-item group relative grid grid-flow-col justify-start gap-xs text-secondary", [
22
+ class: l(["ui-list-item group relative grid grid-flow-col justify-start gap-xxs text-secondary", [
23
23
  e.size === t(a).SM && "text-sm",
24
24
  e.size === t(a).MD && "text-md",
25
25
  e.spacing === t(r).DEFAULT && "pb-sm",
26
- e.spacing === t(r).COMPACT && "pb-xs"
26
+ e.spacing === t(r).COMPACT && "pb-xxs"
27
27
  ]])
28
28
  }, [
29
29
  e.kind === t(p).PROGRESS ? (i(), n("div", k)) : s("", !0),
@@ -47,7 +47,7 @@ const k = {
47
47
  }, 8, ["weight"])) : s("", !0),
48
48
  e.$slots.default ? (i(), o(t(u), {
49
49
  key: 1,
50
- class: l([e.title && "mt-xxs"]),
50
+ class: l([e.title && "mt-xxxs"]),
51
51
  weight: t(f).LIGHT
52
52
  }, {
53
53
  default: d(() => [
@@ -60,6 +60,6 @@ const k = {
60
60
  }
61
61
  });
62
62
  export {
63
- v as default
63
+ I as default
64
64
  };
65
65
  //# sourceMappingURL=ui-list-item.vue.js.map
@@ -49,9 +49,9 @@ declare const deprecatedDefault: {
49
49
  title: string;
50
50
  modalSize: EModalSizes;
51
51
  }>;
52
- __isFragment?: undefined;
53
- __isTeleport?: undefined;
54
- __isSuspense?: undefined;
52
+ __isFragment?: never;
53
+ __isTeleport?: never;
54
+ __isSuspense?: never;
55
55
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
56
56
  title: {
57
57
  type: PropType<string>;
@@ -14,9 +14,9 @@ declare const deprecatedDefault: {
14
14
  M: {};
15
15
  Defaults: {};
16
16
  }, Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
17
- __isFragment?: undefined;
18
- __isTeleport?: undefined;
19
- __isSuspense?: undefined;
17
+ __isFragment?: never;
18
+ __isTeleport?: never;
19
+ __isSuspense?: never;
20
20
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
21
21
  $slots: {
22
22
  default?(_: {}): any;
@@ -1,7 +1,9 @@
1
1
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
2
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>, {
2
+ declare function __VLS_template(): {
3
3
  default?(_: {}): any;
4
- }>;
4
+ };
5
+ declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
6
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
5
7
  export default _default;
6
8
  type __VLS_WithTemplateSlots<T, S> = T & {
7
9
  new (): {
@@ -1 +1 @@
1
- {"version":3,"file":"ui-backdrop.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui-modal/ui-backdrop/ui-backdrop.vue"],"names":[],"mappings":";;;AA0EA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-backdrop.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui-modal/ui-backdrop/ui-backdrop.vue"],"names":[],"mappings":"AAOA,iBAAS,cAAc;qBAmDO,GAAG;EAGhC;AAOD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,16 +1,16 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".backdrop-color[data-v-e497a16b]{background-color:#0000007f}")),document.head.appendChild(e)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
2
- import { openBlock as o, createElementBlock as t, renderSlot as r, pushScopeId as c, popScopeId as d, createElementVNode as a } from "vue";
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".backdrop-color[data-v-60be34bb]{background-color:#0000007f}")),document.head.appendChild(e)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
2
+ import { openBlock as o, createElementBlock as t, renderSlot as r, pushScopeId as c, popScopeId as d, createElementVNode as n } from "vue";
3
3
 
4
- import n from "../../../_virtual/_plugin-vue_export-helper.js";
5
- const s = {}, l = (e) => (c("data-v-e497a16b"), e = e(), d(), e), p = /* @__PURE__ */ l(() => /* @__PURE__ */ a("div", { class: "backdrop-color fixed inset-0 z-0 backdrop-blur-sm transition-all" }, null, -1));
4
+ import s from "../../../_virtual/_plugin-vue_export-helper.js";
5
+ const a = {}, l = (e) => (c("data-v-60be34bb"), e = e(), d(), e), p = /* @__PURE__ */ l(() => /* @__PURE__ */ n("div", { class: "backdrop-color fixed inset-0 z-0 backdrop-blur-sm transition-all" }, null, -1));
6
6
  function i(e, _) {
7
7
  return o(), t("div", null, [
8
8
  p,
9
9
  r(e.$slots, "default", {}, void 0, !0)
10
10
  ]);
11
11
  }
12
- const b = /* @__PURE__ */ n(s, [["render", i], ["__scopeId", "data-v-e497a16b"]]);
12
+ const m = /* @__PURE__ */ s(a, [["render", i], ["__scopeId", "data-v-60be34bb"]]);
13
13
  export {
14
- b as default
14
+ m as default
15
15
  };
16
16
  //# sourceMappingURL=ui-backdrop.vue.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui-backdrop.vue.js","sources":["../../../../src/components/ui-modal/ui-backdrop/ui-backdrop.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tbackdrop-color\n\t\t\t\tfixed\n\t\t\t\tinset-0\n\t\t\t\tz-0\n\t\t\t\tbackdrop-blur-sm\n\t\t\t\ttransition-all\n\t\t\t\t\"\n\t\t/>\n\n\t\t<slot />\n\t</div>\n</template>\n\n<style lang=\"css\" scoped>\n\t.backdrop-color {\n\t\tbackground-color: rgb(0 0 0 / 50%);\n\t}\n</style>\n"],"names":["_popScopeId","n","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;yDAEEA,EASE,GAAAC;cAGGC,GAAA;SAHHC,EAAA,GAAAC,EAAA,OAAA,MAAA;AAAA,IAEFC;AAAA;;;;"}
1
+ {"version":3,"file":"ui-backdrop.vue.js","sources":["../../../../src/components/ui-modal/ui-backdrop/ui-backdrop.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<div\n\t\t\tclass=\"backdrop-color fixed inset-0 z-0 backdrop-blur-sm transition-all\"\n\t\t/>\n\n\t\t<slot />\n\t</div>\n</template>\n\n<style lang=\"css\" scoped>\n\t.backdrop-color {\n\t\tbackground-color: rgb(0 0 0 / 50%);\n\t}\n</style>\n"],"names":["_popScopeId","n","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;yDAEEA,EAEE,GAAAC;cAGGC,GAAA;SAHHC,EAAA,GAAAC,EAAA,OAAA,MAAA;AAAA,IAEFC;AAAA;;;;"}
@@ -1,27 +1,29 @@
1
1
  import { EModalSizes } from './_typings';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
3
 
4
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
5
- title?: string | undefined;
6
- modalSize?: EModalSizes | undefined;
4
+ declare function __VLS_template(): {
5
+ icon?(_: {}): any;
6
+ title?(_: {}): any;
7
+ default?(_: {}): any;
8
+ footer?(_: {}): any;
9
+ };
10
+ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
+ title?: string;
12
+ modalSize?: EModalSizes;
7
13
  }>, {
8
14
  title: undefined;
9
15
  modalSize: EModalSizes;
10
16
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
- title?: string | undefined;
12
- modalSize?: EModalSizes | undefined;
17
+ title?: string;
18
+ modalSize?: EModalSizes;
13
19
  }>, {
14
20
  title: undefined;
15
21
  modalSize: EModalSizes;
16
22
  }>>>, {
17
23
  title: string;
18
24
  modalSize: EModalSizes;
19
- }, {}>, {
20
- icon?(_: {}): any;
21
- title?(_: {}): any;
22
- default?(_: {}): any;
23
- footer?(_: {}): any;
24
- }>;
25
+ }, {}>;
26
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
25
27
  export default _default;
26
28
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
27
29
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1 +1 @@
1
- {"version":3,"file":"ui-modal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-modal/ui-modal.vue"],"names":[],"mappings":"AA8DA;AAIC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;AAsN1C,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-modal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-modal/ui-modal.vue"],"names":[],"mappings":"AA8DA;AAIC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAuB1C,iBAAS,cAAc;kBA4JI,GAAG;mBACF,GAAG;qBACD,GAAG;oBACJ,GAAG;EAG/B;AAgBD,QAAA,MAAM,eAAe;YAMV,MAAM;gBACF,WAAW;;;;;YADf,MAAM;gBACF,WAAW;;;;;WADf,MAAM;eACF,WAAW;MAExB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,8 +1,8 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".max-height[data-v-f3e5c3af]{max-height:calc(100vh - var(--md))}.max-width[data-v-f3e5c3af]{max-width:calc(100vw - var(--md))}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".max-height[data-v-e9747c9f]{max-height:calc(100vh - var(--md))}.max-width[data-v-e9747c9f]{max-width:calc(100vw - var(--md))}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
2
  import o from "./ui-modal.vue2.js";
3
3
 
4
4
  import t from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f3e5c3af"]]);
5
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e9747c9f"]]);
6
6
  export {
7
7
  m as default
8
8
  };
@@ -1,11 +1,8 @@
1
- import { defineComponent as f, openBlock as o, createElementBlock as a, normalizeClass as h, unref as t, renderSlot as i, createCommentVNode as s, createBlock as r, withCtx as m, createTextVNode as p, toDisplayString as w } from "vue";
2
- import d from "../ui-typography/index.js";
1
+ import { defineComponent as f, openBlock as o, createElementBlock as r, normalizeClass as h, unref as t, renderSlot as i, createCommentVNode as a, createBlock as s, withCtx as d, createTextVNode as p, toDisplayString as g } from "vue";
2
+ import m from "../ui-typography/index.js";
3
3
  import { EModalSizes as l } from "./_typings.js";
4
- import { ETextWeight as n, ETextAlign as u, ETypographySizes as g } from "../ui-typography/_typings.js";
5
- const c = {
6
- key: 0,
7
- class: "mb-sm mt-md"
8
- }, S = {
4
+ import { ETextWeight as n, ETextAlign as u, ETypographySizes as w } from "../ui-typography/_typings.js";
5
+ const S = { key: 0 }, E = {
9
6
  key: 2,
10
7
  class: "mt-auto w-full"
11
8
  }, C = /* @__PURE__ */ f({
@@ -14,48 +11,47 @@ const c = {
14
11
  title: { default: void 0 },
15
12
  modalSize: { default: l.SM }
16
13
  },
17
- setup(E) {
18
- return (e, y) => (o(), a("div", {
19
- class: h(["ui-modal max-height max-width inset-0 z-10 flex w-full flex-col items-center overflow-y-scroll rounded-2xl bg-white p-md shadow-md", [
14
+ setup(c) {
15
+ return (e, z) => (o(), r("div", {
16
+ class: h(["ui-modal max-height max-width inset-0 z-10 flex w-full flex-col items-center gap-md overflow-y-scroll rounded-2xl bg-white p-md shadow-md", [
20
17
  e.modalSize === t(l).SM && "h-fit max-w-[24rem]",
21
18
  e.modalSize === t(l).MD && "h-fit max-w-[32rem]",
22
19
  e.modalSize === t(l).LG && "h-fit max-w-[40rem]",
23
20
  e.modalSize === t(l).RESPONSIVE && "h-full"
24
21
  ]])
25
22
  }, [
26
- e.$slots.icon ? (o(), a("div", c, [
23
+ e.$slots.icon ? (o(), r("div", S, [
27
24
  i(e.$slots, "icon", {}, void 0, !0)
28
- ])) : s("", !0),
25
+ ])) : a("", !0),
29
26
  i(e.$slots, "title", {}, () => [
30
- e.title ? (o(), r(t(d), {
27
+ e.title ? (o(), s(t(m), {
31
28
  key: 0,
32
- class: "my-md",
33
29
  weight: t(n).BOLD,
34
30
  align: t(u).CENTER,
35
- size: t(g).LG
31
+ size: t(w).LG
36
32
  }, {
37
- default: m(() => [
38
- p(w(e.title), 1)
33
+ default: d(() => [
34
+ p(g(e.title), 1)
39
35
  ]),
40
36
  _: 1
41
- }, 8, ["weight", "align", "size"])) : s("", !0)
37
+ }, 8, ["weight", "align", "size"])) : a("", !0)
42
38
  ], !0),
43
- e.$slots.default ? (o(), r(t(d), {
39
+ e.$slots.default ? (o(), s(t(m), {
44
40
  key: 1,
45
41
  is: "div",
46
42
  weight: t(n).REGULAR,
47
43
  align: t(u).CENTER,
48
44
  "line-height": "",
49
- class: "mb-md w-full overflow-y-auto text-secondary"
45
+ class: "w-full overflow-y-auto text-secondary"
50
46
  }, {
51
- default: m(() => [
47
+ default: d(() => [
52
48
  i(e.$slots, "default", {}, void 0, !0)
53
49
  ]),
54
50
  _: 3
55
- }, 8, ["weight", "align"])) : s("", !0),
56
- e.$slots.footer ? (o(), a("div", S, [
51
+ }, 8, ["weight", "align"])) : a("", !0),
52
+ e.$slots.footer ? (o(), r("div", E, [
57
53
  i(e.$slots, "footer", {}, void 0, !0)
58
- ])) : s("", !0)
54
+ ])) : a("", !0)
59
55
  ], 2));
60
56
  }
61
57
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ui-modal.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ui-modal.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,9 +35,9 @@ declare const deprecatedDefault: {
35
35
  }>>, {}, {}, {}, {}, {
36
36
  origin: EBadgeOrigin;
37
37
  }>;
38
- __isFragment?: undefined;
39
- __isTeleport?: undefined;
40
- __isSuspense?: undefined;
38
+ __isFragment?: never;
39
+ __isTeleport?: never;
40
+ __isSuspense?: never;
41
41
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
42
42
  origin: {
43
43
  type: PropType<EBadgeOrigin>;
@@ -1,19 +1,21 @@
1
1
  import { EBadgeOrigin } from './_types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
3
 
4
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
5
- origin?: EBadgeOrigin | undefined;
4
+ declare function __VLS_template(): {
5
+ default?(_: {}): any;
6
+ };
7
+ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
+ origin?: EBadgeOrigin;
6
9
  }>, {
7
10
  origin: EBadgeOrigin;
8
11
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
- origin?: EBadgeOrigin | undefined;
12
+ origin?: EBadgeOrigin;
10
13
  }>, {
11
14
  origin: EBadgeOrigin;
12
15
  }>>>, {
13
16
  origin: EBadgeOrigin;
14
- }, {}>, {
15
- default?(_: {}): any;
16
- }>;
17
+ }, {}>;
18
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
17
19
  export default _default;
18
20
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
19
21
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1 +1 @@
1
- {"version":3,"file":"ui-notification-badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-notification-badge/ui-notification-badge.vue"],"names":[],"mappings":"AAyBA;AAEC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;AAkFzC,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-notification-badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-notification-badge/ui-notification-badge.vue"],"names":[],"mappings":"AAyBA;AAEC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAiBzC,iBAAS,cAAc;qBAwCM,GAAG;EAK/B;AAWD,QAAA,MAAM,eAAe;aAMV,YAAY;;;;aAAZ,YAAY;;;;YAAZ,YAAY;MAErB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -9,7 +9,7 @@ const p = /* @__PURE__ */ r({
9
9
  return (e, d) => (n(), i("div", {
10
10
  class: a(["notification-badge absolute h-sm min-w-sm rounded-full border border-white bg-error text-center text-xxs font-bold leading-none text-white", [
11
11
  e.origin === t(o).DEFAULT && "right-0 top-0",
12
- e.origin === t(o).OFFSET_TOP_RIGHT && "-right-xxs -top-xxs"
12
+ e.origin === t(o).OFFSET_TOP_RIGHT && "-right-xxxs -top-xxxs"
13
13
  ]])
14
14
  }, [
15
15
  s(e.$slots, "default")