@mudakit/ui 0.1.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 (157) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/LICENSE +21 -0
  3. package/README.md +46 -0
  4. package/THIRD_PARTY_LICENSES +15 -0
  5. package/dist/MudaButton-Bw6Fw2-Y.js +42 -0
  6. package/dist/MudaButtonStack-xCMVwXHf.js +16 -0
  7. package/dist/MudaCalendar-f1lHTxVw.js +593 -0
  8. package/dist/MudaCard-C9geam4O.js +10 -0
  9. package/dist/MudaColorPicker-Ny8v-KZR.js +134 -0
  10. package/dist/MudaDialog-C6dOmY_K.js +105 -0
  11. package/dist/MudaDropdown-DJOG_m6C.js +54 -0
  12. package/dist/MudaErrorBox-C0DvbAfU.js +28 -0
  13. package/dist/MudaFormCheckbox-CDY-INi6.js +43 -0
  14. package/dist/MudaFormCombobox-CBaRBOKQ.js +186 -0
  15. package/dist/MudaFormField-Bt5W7NC1.js +42 -0
  16. package/dist/MudaFormInput-CI_xfpTj.js +56 -0
  17. package/dist/MudaFormRadio-DOXXv3mT.js +21 -0
  18. package/dist/MudaFormRadioGroup-45qiNrzt.js +48 -0
  19. package/dist/MudaFormSelect-Bt6EW1N-.js +28 -0
  20. package/dist/MudaFormSwitch-CtdB9qIP.js +33 -0
  21. package/dist/MudaFormText-s-Y3QoDX.js +23 -0
  22. package/dist/MudaIcon-BhSsLCZx.js +1886 -0
  23. package/dist/MudaIconPicker-CZWLPHbE.js +114 -0
  24. package/dist/MudaMarker-1xxDZJgb.js +24 -0
  25. package/dist/MudaPagination-BYyElnCp.js +119 -0
  26. package/dist/MudaPopover-BgwkVjjX.js +67 -0
  27. package/dist/MudaSpinner-C5_q8Vtn.js +26 -0
  28. package/dist/MudaTable-DWwTyMmj.js +33 -0
  29. package/dist/MudaTag-DLqit790.js +27 -0
  30. package/dist/_plugin-vue_export-helper-B3ysoDQm.js +8 -0
  31. package/dist/common/components.d.ts +3 -0
  32. package/dist/common/keymap.d.ts +9 -0
  33. package/dist/common/range.d.ts +1 -0
  34. package/dist/components/MudaButton/MudaButton.vue.d.ts +25 -0
  35. package/dist/components/MudaButton/index.d.ts +1 -0
  36. package/dist/components/MudaButton/index.js +2 -0
  37. package/dist/components/MudaButtonStack/MudaButtonStack.vue.d.ts +16 -0
  38. package/dist/components/MudaButtonStack/index.d.ts +1 -0
  39. package/dist/components/MudaButtonStack/index.js +2 -0
  40. package/dist/components/MudaCalendar/MudaCalendar.dayjs.d.ts +3 -0
  41. package/dist/components/MudaCalendar/MudaCalendar.types.d.ts +30 -0
  42. package/dist/components/MudaCalendar/MudaCalendar.vue.d.ts +27 -0
  43. package/dist/components/MudaCalendar/MudaCalendarDatePicker.vue.d.ts +22 -0
  44. package/dist/components/MudaCalendar/MudaCalendarDays.vue.d.ts +25 -0
  45. package/dist/components/MudaCalendar/MudaCalendarHead.vue.d.ts +21 -0
  46. package/dist/components/MudaCalendar/MudaCalendarInput.vue.d.ts +25 -0
  47. package/dist/components/MudaCalendar/MudaCalendarMonths.vue.d.ts +27 -0
  48. package/dist/components/MudaCalendar/MudaCalendarWeekDays.vue.d.ts +9 -0
  49. package/dist/components/MudaCalendar/MudaCalendarYears.vue.d.ts +27 -0
  50. package/dist/components/MudaCalendar/index.d.ts +4 -0
  51. package/dist/components/MudaCalendar/index.js +2 -0
  52. package/dist/components/MudaCalendar/useMudaCalendar.d.ts +18 -0
  53. package/dist/components/MudaCard/MudaCard.vue.d.ts +13 -0
  54. package/dist/components/MudaCard/index.d.ts +1 -0
  55. package/dist/components/MudaCard/index.js +2 -0
  56. package/dist/components/MudaColorPicker/MudaColorPicker.vue.d.ts +21 -0
  57. package/dist/components/MudaColorPicker/MudaColorPickerControl.vue.d.ts +18 -0
  58. package/dist/components/MudaColorPicker/index.d.ts +2 -0
  59. package/dist/components/MudaColorPicker/index.js +2 -0
  60. package/dist/components/MudaDialog/MudaDialog.vue.d.ts +20 -0
  61. package/dist/components/MudaDialog/MudaDialogFocusTrap.vue.d.ts +18 -0
  62. package/dist/components/MudaDialog/index.d.ts +1 -0
  63. package/dist/components/MudaDialog/index.js +2 -0
  64. package/dist/components/MudaDropdown/MudaDropdown.types.d.ts +8 -0
  65. package/dist/components/MudaDropdown/MudaDropdown.vue.d.ts +33 -0
  66. package/dist/components/MudaDropdown/index.d.ts +2 -0
  67. package/dist/components/MudaDropdown/index.js +2 -0
  68. package/dist/components/MudaErrorBox/MudaErrorBox.vue.d.ts +9 -0
  69. package/dist/components/MudaErrorBox/index.d.ts +1 -0
  70. package/dist/components/MudaErrorBox/index.js +2 -0
  71. package/dist/components/MudaFormCheckbox/MudaFormCheckbox.types.d.ts +1 -0
  72. package/dist/components/MudaFormCheckbox/MudaFormCheckbox.vue.d.ts +18 -0
  73. package/dist/components/MudaFormCheckbox/index.d.ts +2 -0
  74. package/dist/components/MudaFormCheckbox/index.js +2 -0
  75. package/dist/components/MudaFormCombobox/MudaFormCombobox.types.d.ts +5 -0
  76. package/dist/components/MudaFormCombobox/MudaFormComboboxMultiple.vue.d.ts +32 -0
  77. package/dist/components/MudaFormCombobox/MudaFormComboboxSingle.vue.d.ts +34 -0
  78. package/dist/components/MudaFormCombobox/index.d.ts +3 -0
  79. package/dist/components/MudaFormCombobox/index.js +2 -0
  80. package/dist/components/MudaFormField/MudaFormField.vue.d.ts +31 -0
  81. package/dist/components/MudaFormField/MudaFormFieldErrors.vue.d.ts +8 -0
  82. package/dist/components/MudaFormField/index.d.ts +2 -0
  83. package/dist/components/MudaFormField/index.js +2 -0
  84. package/dist/components/MudaFormInput/MudaFormInput.types.d.ts +5 -0
  85. package/dist/components/MudaFormInput/MudaFormInput.vue.d.ts +31 -0
  86. package/dist/components/MudaFormInput/index.d.ts +2 -0
  87. package/dist/components/MudaFormInput/index.js +2 -0
  88. package/dist/components/MudaFormRadio/MudaFormRadio.types.d.ts +1 -0
  89. package/dist/components/MudaFormRadio/MudaFormRadio.vue.d.ts +11 -0
  90. package/dist/components/MudaFormRadio/index.d.ts +2 -0
  91. package/dist/components/MudaFormRadio/index.js +2 -0
  92. package/dist/components/MudaFormRadioGroup/MudaFormRadioGroup.types.d.ts +7 -0
  93. package/dist/components/MudaFormRadioGroup/MudaFormRadioGroup.vue.d.ts +34 -0
  94. package/dist/components/MudaFormRadioGroup/index.d.ts +2 -0
  95. package/dist/components/MudaFormRadioGroup/index.js +2 -0
  96. package/dist/components/MudaFormSelect/MudaFormSelect.vue.d.ts +24 -0
  97. package/dist/components/MudaFormSelect/index.d.ts +1 -0
  98. package/dist/components/MudaFormSelect/index.js +2 -0
  99. package/dist/components/MudaFormSwitch/MudaFormSwitch.vue.d.ts +14 -0
  100. package/dist/components/MudaFormSwitch/index.d.ts +1 -0
  101. package/dist/components/MudaFormSwitch/index.js +2 -0
  102. package/dist/components/MudaFormText/MudaFormText.types.d.ts +4 -0
  103. package/dist/components/MudaFormText/MudaFormText.vue.d.ts +13 -0
  104. package/dist/components/MudaFormText/index.d.ts +2 -0
  105. package/dist/components/MudaFormText/index.js +2 -0
  106. package/dist/components/MudaIcon/MudaIcon.types.d.ts +5 -0
  107. package/dist/components/MudaIcon/MudaIcon.vue.d.ts +13 -0
  108. package/dist/components/MudaIcon/icons/filled.d.ts +100 -0
  109. package/dist/components/MudaIcon/icons/index.d.ts +2 -0
  110. package/dist/components/MudaIcon/icons/outlined.d.ts +100 -0
  111. package/dist/components/MudaIcon/index.d.ts +3 -0
  112. package/dist/components/MudaIcon/index.js +2 -0
  113. package/dist/components/MudaIcon/useMudaIcon.d.ts +109 -0
  114. package/dist/components/MudaIconPicker/MudaIconPicker.vue.d.ts +24 -0
  115. package/dist/components/MudaIconPicker/MudaIconPickerList.vue.d.ts +16 -0
  116. package/dist/components/MudaIconPicker/index.d.ts +1 -0
  117. package/dist/components/MudaIconPicker/index.js +2 -0
  118. package/dist/components/MudaIconPicker/useMudaIconPickerList.d.ts +3 -0
  119. package/dist/components/MudaMarker/MudaMarker.vue.d.ts +22 -0
  120. package/dist/components/MudaMarker/index.d.ts +1 -0
  121. package/dist/components/MudaMarker/index.js +2 -0
  122. package/dist/components/MudaPagination/MudaPagination.vue.d.ts +29 -0
  123. package/dist/components/MudaPagination/MudaPaginationItem.vue.d.ts +17 -0
  124. package/dist/components/MudaPagination/index.d.ts +1 -0
  125. package/dist/components/MudaPagination/index.js +2 -0
  126. package/dist/components/MudaPopover/MudaPopover.types.d.ts +3 -0
  127. package/dist/components/MudaPopover/MudaPopover.vue.d.ts +37 -0
  128. package/dist/components/MudaPopover/index.d.ts +2 -0
  129. package/dist/components/MudaPopover/index.js +2 -0
  130. package/dist/components/MudaSpinner/MudaSpinner.vue.d.ts +11 -0
  131. package/dist/components/MudaSpinner/index.d.ts +1 -0
  132. package/dist/components/MudaSpinner/index.js +2 -0
  133. package/dist/components/MudaTable/MudaTable.vue.d.ts +19 -0
  134. package/dist/components/MudaTable/MudaTableCell.vue.d.ts +13 -0
  135. package/dist/components/MudaTable/MudaTableHead.vue.d.ts +13 -0
  136. package/dist/components/MudaTable/MudaTableRow.vue.d.ts +13 -0
  137. package/dist/components/MudaTable/index.d.ts +4 -0
  138. package/dist/components/MudaTable/index.js +2 -0
  139. package/dist/components/MudaTag/MudaTag.vue.d.ts +21 -0
  140. package/dist/components/MudaTag/index.d.ts +1 -0
  141. package/dist/components/MudaTag/index.js +2 -0
  142. package/dist/composables/useBodyScrollLock.d.ts +2 -0
  143. package/dist/composables/useClickOutside.d.ts +2 -0
  144. package/dist/composables/useFocusTrap.d.ts +5 -0
  145. package/dist/composables/useKeyDown.d.ts +1 -0
  146. package/dist/composables/useResizeObserver.d.ts +2 -0
  147. package/dist/composables/useZIndex.d.ts +1 -0
  148. package/dist/index.d.ts +25 -0
  149. package/dist/index.js +26 -0
  150. package/dist/keymap-BzfMgdJH.js +6 -0
  151. package/dist/style.css +2 -0
  152. package/dist/styles.js +0 -0
  153. package/dist/useClickOutside-B6tdxsc3.js +15 -0
  154. package/dist/useKeyDown-B1jmp4nA.js +11 -0
  155. package/dist/useZIndex-DWnsohLZ.js +8 -0
  156. package/package.json +79 -0
  157. package/style.css.d.ts +3 -0
@@ -0,0 +1,114 @@
1
+ import { i as e, l as t, n, r } from "./MudaIcon-BhSsLCZx.js";
2
+ import { t as i } from "./MudaPopover-BgwkVjjX.js";
3
+ import { t as a } from "./MudaFormRadioGroup-45qiNrzt.js";
4
+ import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, resolveDynamicComponent as b, toRef as x, unref as S, useModel as C, watch as w, withCtx as T, withModifiers as E } from "vue";
5
+ //#region src/components/MudaIconPicker/useMudaIconPickerList.ts
6
+ var D = /* @__PURE__ */ new Set(/* @__PURE__ */ "account_balance.analytics.apartment.bathtub.bed.bento.checkroom.coffee.credit_card.directions_bike.directions_boat.emergency.family_restroom.fitness_center.flight.hiking.home.hotel.image.key.language.local_convenience_store.local_florist.local_mall.local_shipping.local_taxi.medical_services.museum.nightlife.paid.palette.payments.pedal_bike.phone_iphone.restaurant.sailing.school.shopping_cart.sports_bar.sports_basketball.sports_esports.sports_mma.store.storefront.table_rows.train.travel_explore.tv.vaccines.videogame_asset".split(".")), O = (e) => {
7
+ let n = t(e);
8
+ return s(() => Object.entries(n.value).filter(([e]) => D.has(e)));
9
+ }, k = { class: "grid grid-cols-7 gap-2" }, A = ["disabled", "onClick"], j = ["disabled"], M = /* @__PURE__ */ p({
10
+ __name: "MudaIconPickerList",
11
+ props: /*@__PURE__*/ m({
12
+ disabled: { type: Boolean },
13
+ iconType: {}
14
+ }, {
15
+ modelValue: { default: void 0 },
16
+ modelModifiers: {}
17
+ }),
18
+ emits: ["update:modelValue"],
19
+ setup(e) {
20
+ let t = e, n = C(e, "modelValue"), r = O(x(() => t.iconType));
21
+ return (e, i) => (_(), u("div", k, [(_(!0), u(o, null, y(S(r), ([e, r]) => (_(), u("button", {
22
+ key: e,
23
+ type: "button",
24
+ disabled: t.disabled,
25
+ class: g(["muda-button-reset flex size-min min-h-10 w-full items-center justify-center rounded-md", {
26
+ "fill-secondary-light/30": t.disabled,
27
+ "fill-secondary-dark hover:bg-primary-light hover:fill-white": !t.disabled,
28
+ "bg-primary fill-white!": e === n.value
29
+ }]),
30
+ onClick: (t) => n.value = e
31
+ }, [(_(), c(b(r), { class: "size-6" }))], 10, A))), 128)), d("button", {
32
+ type: "button",
33
+ disabled: t.disabled,
34
+ class: g(["muda-button-reset flex size-min min-h-10 w-full items-center justify-center rounded-md", {
35
+ "fill-secondary-light/30": t.disabled,
36
+ "fill-secondary-dark hover:bg-primary-light hover:fill-white": !t.disabled,
37
+ "bg-primary fill-white": n.value == null
38
+ }]),
39
+ onClick: i[0] ||= E((e) => n.value = void 0, ["prevent"])
40
+ }, [...i[1] ||= [d("span", { class: "block size-6" }, null, -1)]], 10, j)]));
41
+ }
42
+ }), N = ["disabled", "aria-label"], P = { class: "flex w-76 flex-col gap-2" }, F = { class: "relative max-h-60 muda-scroll-container-v-form-background" }, I = /* @__PURE__ */ p({
43
+ inheritAttrs: !1,
44
+ __name: "MudaIconPicker",
45
+ props: /*@__PURE__*/ m({
46
+ buttonLabel: { default: "Confirm" },
47
+ disabled: { type: Boolean },
48
+ appendToBody: { type: Boolean },
49
+ labelOutlined: { default: "Outline" },
50
+ labelFilled: { default: "Filled" },
51
+ isInvalid: { type: Boolean }
52
+ }, {
53
+ modelValue: { default: void 0 },
54
+ modelModifiers: {}
55
+ }),
56
+ emits: ["update:modelValue"],
57
+ setup(o) {
58
+ let u = o, p = C(o, "modelValue"), m = v(r(p.value)), g = v(e(p.value)), y = v(!1), x = t(g), E = s(() => [{
59
+ value: "outlined",
60
+ label: u.labelOutlined
61
+ }, {
62
+ value: "filled",
63
+ label: u.labelFilled
64
+ }]), D = s(() => m.value == null ? null : x.value[m.value]);
65
+ return w([m, g], () => {
66
+ if (m.value == null) {
67
+ p.value = void 0;
68
+ return;
69
+ }
70
+ g.value != null && (p.value = n(m.value, g.value));
71
+ }), w(m, () => {
72
+ y.value = !1;
73
+ }), w(p, (t) => {
74
+ m.value = r(t), g.value = e(t);
75
+ }), (e, t) => (_(), c(S(i), {
76
+ modelValue: y.value,
77
+ "onUpdate:modelValue": t[3] ||= (e) => y.value = e,
78
+ mode: "semiauto",
79
+ placement: "bottom-start",
80
+ disabled: u.disabled,
81
+ "append-to-body": u.appendToBody
82
+ }, {
83
+ content: T(() => [d("div", P, [f(S(a), {
84
+ modelValue: g.value,
85
+ "onUpdate:modelValue": t[1] ||= (e) => g.value = e,
86
+ size: "small",
87
+ items: E.value
88
+ }, null, 8, ["modelValue", "items"]), d("div", F, [f(M, {
89
+ modelValue: m.value,
90
+ "onUpdate:modelValue": t[2] ||= (e) => m.value = e,
91
+ "icon-type": g.value,
92
+ disabled: u.disabled
93
+ }, null, 8, [
94
+ "modelValue",
95
+ "icon-type",
96
+ "disabled"
97
+ ])])])]),
98
+ default: T(() => [d("button", h(e.$attrs, {
99
+ type: "button",
100
+ disabled: u.disabled,
101
+ "aria-label": u.buttonLabel,
102
+ class: ["muda-button-reset relative flex size-10 items-center justify-center rounded-md border border-primary fill-secondary-dark focus:ring-2 focus:ring-primary-light focus:outline-hidden disabled:border-secondary-dark/20 disabled:text-secondary-light", { "border-danger focus:ring-danger-light": u.isInvalid }],
103
+ onClick: t[0] ||= (e) => y.value = !y.value
104
+ }), [D.value == null ? l("", !0) : (_(), c(b(D.value), { key: 0 }))], 16, N)]),
105
+ _: 1
106
+ }, 8, [
107
+ "modelValue",
108
+ "disabled",
109
+ "append-to-body"
110
+ ]));
111
+ }
112
+ });
113
+ //#endregion
114
+ export { I as t };
@@ -0,0 +1,24 @@
1
+ import { createElementBlock as e, defineComponent as t, normalizeClass as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
2
+ //#region src/components/MudaMarker/MudaMarker.vue?vue&type=script&setup=true&lang.ts
3
+ var o = ["title"], s = /* @__PURE__ */ t({
4
+ __name: "MudaMarker",
5
+ props: {
6
+ color: { default: void 0 },
7
+ title: {},
8
+ size: { default: "medium" }
9
+ },
10
+ setup(t) {
11
+ let s = t;
12
+ return (t, c) => (i(), e("span", {
13
+ title: s.title,
14
+ style: r({ backgroundColor: s.color ?? void 0 }),
15
+ class: n(["inline-flex shrink-0 items-center justify-center rounded-full", {
16
+ "size-4": s.size === "small",
17
+ "size-5": s.size === "medium",
18
+ "size-6": s.size === "large"
19
+ }])
20
+ }, [a(t.$slots, "default")], 14, o));
21
+ }
22
+ });
23
+ //#endregion
24
+ export { s as t };
@@ -0,0 +1,119 @@
1
+ import { t as e } from "./MudaIcon-BhSsLCZx.js";
2
+ import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useSlots as _, withCtx as v } from "vue";
3
+ //#region src/common/range.ts
4
+ var y = (e, t) => Array.from({ length: Math.max(0, t - e) }, (t, n) => e + n), b = ["aria-current"], x = /* @__PURE__ */ c({
5
+ __name: "MudaPaginationItem",
6
+ props: {
7
+ isSelected: { type: Boolean },
8
+ type: {}
9
+ },
10
+ setup(e) {
11
+ let t = e;
12
+ return (e, n) => (d(), a("button", u(e.$attrs, {
13
+ type: "button",
14
+ "aria-current": t.isSelected ? "page" : void 0,
15
+ class: [
16
+ "muda-button-reset relative inline-flex items-center rounded-md py-2 focus:z-20",
17
+ "text-sm font-semibold",
18
+ "hover:bg-primary-light hover:fill-white hover:text-white",
19
+ "disabled:fill-secondary-light disabled:hover:bg-inherit disabled:hover:fill-secondary-light",
20
+ !t.isSelected && "text-secondary-dark disabled:text-secondary-light disabled:hover:text-secondary-light",
21
+ t.isSelected && "z-10 bg-primary text-white disabled:bg-secondary-light disabled:hover:bg-secondary-light",
22
+ t.type === "page" && "px-4",
23
+ t.type === "more" && "px-3",
24
+ t.type === "arrow" && "px-2"
25
+ ]
26
+ }), [p(e.$slots, "default")], 16, b));
27
+ }
28
+ }), S = {
29
+ key: 0,
30
+ "aria-label": "Pagination",
31
+ class: "isolate inline-flex gap-0.5"
32
+ }, C = 2, w = /* @__PURE__ */ c({
33
+ __name: "MudaPagination",
34
+ props: /*@__PURE__*/ l({
35
+ pages: {},
36
+ siblingCount: { default: 7 },
37
+ disabled: {
38
+ type: Boolean,
39
+ default: !1
40
+ }
41
+ }, {
42
+ modelValue: { required: !0 },
43
+ modelModifiers: {}
44
+ }),
45
+ emits: ["update:modelValue"],
46
+ setup(c) {
47
+ let l = c, u = g(c, "modelValue"), b = _(), w = n(() => Math.max(3, Math.floor(l.siblingCount))), T = n(() => w.value >= l.pages ? l.pages : Math.floor((w.value - 1) / 2)), E = n(() => l.pages <= w.value ? y(C, l.pages) : u.value < w.value - T.value ? y(C, w.value) : u.value + T.value >= l.pages ? y(l.pages - w.value + C, l.pages) : y(u.value - T.value + 1, u.value + T.value)), D = n(() => w.value - 1 < l.pages), O = n(() => u.value >= l.pages), k = n(() => u.value <= 1), A = n(() => D.value ? u.value > T.value + 1 : !1), j = n(() => D.value ? u.value < l.pages - T.value : !1);
48
+ return (n, c) => l.pages > 1 ? (d(), a("nav", S, [
49
+ s(x, {
50
+ type: "arrow",
51
+ disabled: l.disabled || k.value,
52
+ onClick: c[0] ||= (e) => --u.value
53
+ }, {
54
+ default: v(() => [s(h(e), { icon: "chevron_left:outlined" })]),
55
+ _: 1
56
+ }, 8, ["disabled"]),
57
+ s(x, {
58
+ type: "page",
59
+ disabled: l.disabled,
60
+ "is-selected": u.value === 1,
61
+ onClick: c[1] ||= (e) => u.value = 1
62
+ }, {
63
+ default: v(() => [...c[6] ||= [o(" 1 ", -1)]]),
64
+ _: 1
65
+ }, 8, ["disabled", "is-selected"]),
66
+ A.value ? (d(), r(x, {
67
+ key: 0,
68
+ type: "more",
69
+ disabled: l.disabled,
70
+ onClick: c[2] ||= (e) => u.value -= T.value
71
+ }, {
72
+ default: v(() => [s(h(e), { icon: "more_horiz:outlined" })]),
73
+ _: 1
74
+ }, 8, ["disabled"])) : i("", !0),
75
+ (d(!0), a(t, null, f(E.value, (e) => (d(), r(x, {
76
+ key: e,
77
+ type: "page",
78
+ disabled: l.disabled,
79
+ "is-selected": e === u.value,
80
+ onClick: (t) => u.value = e
81
+ }, {
82
+ default: v(() => [o(m(e), 1)]),
83
+ _: 2
84
+ }, 1032, [
85
+ "disabled",
86
+ "is-selected",
87
+ "onClick"
88
+ ]))), 128)),
89
+ j.value ? (d(), r(x, {
90
+ key: 1,
91
+ type: "more",
92
+ disabled: l.disabled,
93
+ onClick: c[3] ||= (e) => u.value += T.value
94
+ }, {
95
+ default: v(() => [s(h(e), { icon: "more_horiz:outlined" })]),
96
+ _: 1
97
+ }, 8, ["disabled"])) : i("", !0),
98
+ s(x, {
99
+ type: "page",
100
+ disabled: l.disabled,
101
+ "is-selected": u.value === l.pages,
102
+ onClick: c[4] ||= (e) => u.value = l.pages
103
+ }, {
104
+ default: v(() => [o(m(l.pages), 1)]),
105
+ _: 1
106
+ }, 8, ["disabled", "is-selected"]),
107
+ s(x, {
108
+ type: "arrow",
109
+ disabled: l.disabled || O.value,
110
+ onClick: c[5] ||= (e) => u.value += 1
111
+ }, {
112
+ default: v(() => [s(h(e), { icon: "chevron_right:outlined" })]),
113
+ _: 1
114
+ }, 8, ["disabled"])
115
+ ])) : b.empty == null ? i("", !0) : p(n.$slots, "empty", {}, void 0, void 0, 1);
116
+ }
117
+ });
118
+ //#endregion
119
+ export { w as t };
@@ -0,0 +1,67 @@
1
+ import { t as e } from "./useClickOutside-B6tdxsc3.js";
2
+ import { t } from "./useZIndex-DWnsohLZ.js";
3
+ import { Teleport as n, Transition as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderSlot as f, toRefs as p, unref as m, useModel as h, useTemplateRef as g, withCtx as _ } from "vue";
4
+ import { autoUpdate as v, flip as y, offset as b, shift as x, useFloating as S } from "@floating-ui/vue";
5
+ //#endregion
6
+ //#region src/components/MudaPopover/MudaPopover.vue
7
+ var C = /* @__PURE__ */ c({
8
+ inheritAttrs: !1,
9
+ __name: "MudaPopover",
10
+ props: /*@__PURE__*/ l({
11
+ placement: { default: "bottom" },
12
+ mode: { default: "auto" },
13
+ disabled: { type: Boolean },
14
+ appendToBody: { type: Boolean },
15
+ offset: { default: 5 }
16
+ }, {
17
+ modelValue: {
18
+ type: Boolean,
19
+ default: !1
20
+ },
21
+ modelModifiers: {}
22
+ }),
23
+ emits: ["update:modelValue"],
24
+ setup(c, { expose: l }) {
25
+ let C = c, w = h(c, "modelValue"), { placement: T } = p(C), E = g("root"), D = g("popover"), O = t(), { floatingStyles: k } = S(E, D, {
26
+ whileElementsMounted: v,
27
+ transform: !1,
28
+ middleware: [
29
+ b(C.offset),
30
+ y(),
31
+ x({ padding: 5 })
32
+ ],
33
+ placement: T,
34
+ strategy: "absolute"
35
+ }), A = () => {
36
+ C.mode === "auto" && (w.value = !0);
37
+ };
38
+ return e([E, D], () => {
39
+ C.mode !== "manual" && (w.value = !1);
40
+ }), l({ popover: D }), (e, t) => (d(), o("div", {
41
+ ref: "root",
42
+ onClick: A,
43
+ class: "inline-block"
44
+ }, [f(e.$slots, "default"), C.disabled ? a("", !0) : (d(), i(n, {
45
+ key: 0,
46
+ to: "body",
47
+ disabled: !C.appendToBody
48
+ }, [s(r, {
49
+ "enter-active-class": "transition-opacity ease-linear duration-100",
50
+ "leave-active-class": "transition-opacity ease-linear duration-100",
51
+ "enter-from-class": "opacity-0",
52
+ "leave-to-class": "opacity-0"
53
+ }, {
54
+ default: _(() => [w.value ? (d(), o("div", u({ key: 0 }, e.$attrs, {
55
+ ref: "popover",
56
+ class: "inline-flex h-max w-max rounded-md border border-secondary-light bg-foreground p-2 shadow-lg",
57
+ style: {
58
+ ...m(k),
59
+ zIndex: m(O)
60
+ }
61
+ }), [f(e.$slots, "content")], 16)) : a("", !0)]),
62
+ _: 3
63
+ })], 8, ["disabled"]))], 512));
64
+ }
65
+ });
66
+ //#endregion
67
+ export { C as t };
@@ -0,0 +1,26 @@
1
+ import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
2
+ //#region src/components/MudaSpinner/MudaSpinner.vue?vue&type=script&setup=true&lang.ts
3
+ var a = ["aria-label"], o = /* @__PURE__ */ n({
4
+ __name: "MudaSpinner",
5
+ props: {
6
+ size: { default: "medium" },
7
+ label: { default: "Loading" }
8
+ },
9
+ setup(n) {
10
+ let o = n;
11
+ return (n, s) => (i(), e("div", {
12
+ class: "flex items-center justify-center",
13
+ role: "status",
14
+ "aria-label": o.label
15
+ }, [t("div", {
16
+ "aria-hidden": "true",
17
+ class: r(["animate-spin rounded-full border-b-2 border-primary", {
18
+ "h-6 w-6": o.size === "small",
19
+ "h-14 w-14": o.size === "medium",
20
+ "h-24 w-24": o.size === "large"
21
+ }])
22
+ }, null, 2)], 8, a));
23
+ }
24
+ });
25
+ //#endregion
26
+ export { o as t };
@@ -0,0 +1,33 @@
1
+ import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
2
+ import { createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, useSlots as s } from "vue";
3
+ //#region src/components/MudaTable/MudaTable.vue?vue&type=script&setup=true&lang.ts
4
+ var c = { class: "relative w-full border-collapse" }, l = { key: 1 }, u = { key: 2 }, d = /* @__PURE__ */ r({
5
+ __name: "MudaTable",
6
+ props: { stickyHeader: { type: Boolean } },
7
+ setup(e) {
8
+ let r = e, d = s();
9
+ return (e, s) => (a(), n("table", c, [
10
+ d.head == null ? t("", !0) : (a(), n("thead", {
11
+ key: 0,
12
+ class: i(["bg-foreground", { "sticky top-0 z-10": r.stickyHeader }])
13
+ }, [o(e.$slots, "head")], 2)),
14
+ d.body == null ? t("", !0) : (a(), n("tbody", l, [o(e.$slots, "body")])),
15
+ d.foot == null ? t("", !0) : (a(), n("tfoot", u, [o(e.$slots, "foot")])),
16
+ o(e.$slots, "default")
17
+ ]));
18
+ }
19
+ }), f = {}, p = { class: "p-2 first:pl-0 last:pr-0" };
20
+ function m(e, t) {
21
+ return a(), n("td", p, [o(e.$slots, "default")]);
22
+ }
23
+ var h = /*#__PURE__*/ e(f, [["render", m]]), g = {}, _ = { class: "border-b-2 border-b-secondary-light p-2 text-sm text-secondary first:pl-0 last:pr-0" };
24
+ function v(e, t) {
25
+ return a(), n("th", _, [o(e.$slots, "default")]);
26
+ }
27
+ var y = /*#__PURE__*/ e(g, [["render", v]]), b = {}, x = { class: "border-b border-b-secondary-light last:border-0" };
28
+ function S(e, t) {
29
+ return a(), n("tr", x, [o(e.$slots, "default")]);
30
+ }
31
+ var C = /*#__PURE__*/ e(b, [["render", S]]);
32
+ //#endregion
33
+ export { d as i, y as n, h as r, C as t };
@@ -0,0 +1,27 @@
1
+ import { createElementBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i } from "vue";
2
+ //#endregion
3
+ //#region src/components/MudaTag/MudaTag.vue
4
+ var a = /* @__PURE__ */ t({
5
+ __name: "MudaTag",
6
+ props: {
7
+ variant: { default: "default" },
8
+ size: { default: "medium" }
9
+ },
10
+ setup(t) {
11
+ let a = t;
12
+ return (t, o) => (r(), e("div", n(t.$attrs, { class: ["inline-flex rounded-md font-medium ring-1 ring-inset", {
13
+ "px-2 text-[0.7rem]": a.size === "small",
14
+ "px-2 py-1 text-xs": a.size === "medium",
15
+ "px-3 py-2 text-sm": a.size === "large",
16
+ "bg-form-background": a.variant === "default",
17
+ "bg-primary-light text-primary-dark ring-primary-dark/20": a.variant === "primary",
18
+ "bg-secondary-light text-secondary-dark ring-secondary-dark/20": a.variant === "secondary",
19
+ "bg-success-light text-success-dark ring-success-dark/20": a.variant === "success",
20
+ "bg-danger-light text-danger-dark ring-danger-dark/20": a.variant === "danger",
21
+ "bg-warning-light text-warning-dark ring-warning-dark/20": a.variant === "warning",
22
+ "bg-info-light text-info-dark ring-info-dark/20": a.variant === "info"
23
+ }] }), [i(t.$slots, "default")], 16));
24
+ }
25
+ });
26
+ //#endregion
27
+ export { a as t };
@@ -0,0 +1,8 @@
1
+ //#region \0plugin-vue:export-helper
2
+ var e = (e, t) => {
3
+ let n = e.__vccOpts || e;
4
+ for (let [e, r] of t) n[e] = r;
5
+ return n;
6
+ };
7
+ //#endregion
8
+ export { e as t };
@@ -0,0 +1,3 @@
1
+ export type MudaComponentVariant = "default" | "primary" | "secondary" | "success" | "danger" | "warning" | "info";
2
+ export type MudaComponentSize = "small" | "medium" | "large";
3
+ export declare const MUD_COMPONENT_SIZE_MAP: Record<MudaComponentSize, number>;
@@ -0,0 +1,9 @@
1
+ export declare enum KeyMap {
2
+ Enter = "Enter",
3
+ Escape = "Escape",
4
+ Tab = "Tab",
5
+ ArrowDown = "ArrowDown",
6
+ ArrowUp = "ArrowUp",
7
+ ArrowLeft = "ArrowLeft",
8
+ ArrowRight = "ArrowRight"
9
+ }
@@ -0,0 +1 @@
1
+ export declare const range: (start: number, end: number) => number[];
@@ -0,0 +1,25 @@
1
+ import type { MudaComponentSize, MudaComponentVariant } from "../../common/components";
2
+ type __VLS_Props = {
3
+ size?: MudaComponentSize;
4
+ variant?: MudaComponentVariant;
5
+ disabled?: boolean;
6
+ as?: "button" | "a";
7
+ };
8
+ declare var __VLS_8: {};
9
+ type __VLS_Slots = {} & {
10
+ default?: (props: typeof __VLS_8) => any;
11
+ };
12
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
13
+ size: MudaComponentSize;
14
+ variant: MudaComponentVariant;
15
+ disabled: boolean;
16
+ as: "button" | "a";
17
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
19
+ declare const _default: typeof __VLS_export;
20
+ export default _default;
21
+ type __VLS_WithSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
@@ -0,0 +1 @@
1
+ export { default as MudaButton } from "./MudaButton.vue";
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../MudaButton-Bw6Fw2-Y.js";
2
+ export { e as MudaButton };
@@ -0,0 +1,16 @@
1
+ type __VLS_Props = {
2
+ layout: "horizontal" | "vertical";
3
+ };
4
+ declare var __VLS_1: {};
5
+ type __VLS_Slots = {} & {
6
+ default?: (props: typeof __VLS_1) => any;
7
+ };
8
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
10
+ declare const _default: typeof __VLS_export;
11
+ export default _default;
12
+ type __VLS_WithSlots<T, S> = T & {
13
+ new (): {
14
+ $slots: S;
15
+ };
16
+ };
@@ -0,0 +1 @@
1
+ export { default as MudaButtonStack } from "./MudaButtonStack.vue";
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../MudaButtonStack-xCMVwXHf.js";
2
+ export { e as MudaButtonStack };
@@ -0,0 +1,3 @@
1
+ import dayjs, { type Dayjs } from "dayjs";
2
+ export type { Dayjs };
3
+ export default dayjs;
@@ -0,0 +1,30 @@
1
+ export type MudaCalendarPickerState = "days" | "months" | "years";
2
+ export type MudaCalendarType = "day" | "month" | "year";
3
+ export interface MudaCalendarDayItem {
4
+ isCurrentMonth: boolean;
5
+ isToday: boolean;
6
+ isWeekend: boolean;
7
+ label: string;
8
+ value: string;
9
+ disabled: boolean;
10
+ }
11
+ export interface MudaCalendarMonthItem {
12
+ isToday: boolean;
13
+ label: string;
14
+ month: number;
15
+ value: string;
16
+ disabled: boolean;
17
+ }
18
+ export interface MudaCalendarYearItem {
19
+ isToday: boolean;
20
+ label: string;
21
+ value: string;
22
+ year: number;
23
+ disabled: boolean;
24
+ }
25
+ export declare const YEAR_RANGE_SIZE = 10;
26
+ export declare const MONTH_RANGE_SIZE = 12;
27
+ export declare const CALENDAR_VALUE_FORMAT = "YYYY-MM-DD";
28
+ export declare const CALENDAR_DAY_FORMAT = "D";
29
+ export declare const CALENDAR_MONTH_FORMAT = "MMM";
30
+ export declare const CALENDAR_YEAR_FORMAT = "YYYY";
@@ -0,0 +1,27 @@
1
+ type __VLS_Props = {
2
+ /**
3
+ * Name of the locale to use.
4
+ */
5
+ locale?: string;
6
+ /**
7
+ * Disables the input.
8
+ */
9
+ disabled?: boolean;
10
+ min?: string;
11
+ max?: string;
12
+ isInvalid?: boolean;
13
+ };
14
+ type __VLS_ModelProps = {
15
+ modelValue?: string | undefined | null;
16
+ };
17
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
18
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ "update:modelValue": (value: string | null | undefined) => any;
20
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
21
+ "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
22
+ }>, {
23
+ disabled: boolean;
24
+ locale: string;
25
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
26
+ declare const _default: typeof __VLS_export;
27
+ export default _default;
@@ -0,0 +1,22 @@
1
+ type __VLS_Props = {
2
+ locale?: string;
3
+ min?: string;
4
+ max?: string;
5
+ disabled?: boolean;
6
+ keyboard?: boolean;
7
+ };
8
+ type __VLS_ModelProps = {
9
+ modelValue?: string | null | undefined;
10
+ };
11
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
12
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
13
+ handleKeydown: (event: KeyboardEvent, force?: boolean) => void;
14
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
15
+ "update:modelValue": (value: string | null | undefined) => any;
16
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
17
+ "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
18
+ }>, {
19
+ locale: string;
20
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
21
+ declare const _default: typeof __VLS_export;
22
+ export default _default;
@@ -0,0 +1,25 @@
1
+ type __VLS_Props = {
2
+ /**
3
+ * Today's date.
4
+ */
5
+ today: string;
6
+ min: string | undefined;
7
+ max: string | undefined;
8
+ locale: string;
9
+ disabled?: boolean;
10
+ keyboard?: boolean;
11
+ };
12
+ type __VLS_ModelProps = {
13
+ modelValue: string | null | undefined;
14
+ "displayDate": string;
15
+ };
16
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
17
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
+ "update:modelValue": (value: string | null | undefined) => any;
19
+ "update:displayDate": (value: string) => any;
20
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
21
+ "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
22
+ "onUpdate:displayDate"?: ((value: string) => any) | undefined;
23
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
+ declare const _default: typeof __VLS_export;
25
+ export default _default;
@@ -0,0 +1,21 @@
1
+ import { type MudaCalendarPickerState } from "./MudaCalendar.types";
2
+ type __VLS_Props = {
3
+ locale: string;
4
+ min: string | undefined;
5
+ max: string | undefined;
6
+ disabled?: boolean;
7
+ };
8
+ type __VLS_ModelProps = {
9
+ modelValue: string;
10
+ "state": MudaCalendarPickerState;
11
+ };
12
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
+ "update:modelValue": (value: string) => any;
15
+ "update:state": (value: MudaCalendarPickerState) => any;
16
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
17
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
18
+ "onUpdate:state"?: ((value: MudaCalendarPickerState) => any) | undefined;
19
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;