@codeandfunction/callaloo 3.15.3 → 3.16.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 (136) hide show
  1. package/README.md +7 -3
  2. package/dist/assets/CLFormCharCounter.css +1 -0
  3. package/dist/assets/CLInputMessages.css +1 -0
  4. package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-COGwQtRU.js +45 -0
  5. package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-CqgySW52.js +128 -0
  6. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-DSvubJfG.js +252 -0
  7. package/dist/chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js +38 -0
  8. package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-ORvye4vi.js +43 -0
  9. package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-CbHdHW2E.js +50 -0
  10. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-zZ4zGuBt.js +83 -0
  11. package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-xm2qDJGJ.js +121 -0
  12. package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-D7BqWIqs.js +60 -0
  13. package/dist/chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dp3SsIfq.js +44 -0
  14. package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-BXGTb6A6.js +88 -0
  15. package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-5-cwF-oh.js +65 -0
  16. package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-D7_swcoA.js +33 -0
  17. package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-CLccujHE.js +53 -0
  18. package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-CTc6UiQV.js +46 -0
  19. package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-BIiSNSlg.js +178 -0
  20. package/dist/chunks/base-theme-B89pbWnC.js +841 -0
  21. package/dist/chunks/useEsc-BGAp0d_1.js +19 -0
  22. package/dist/chunks/useHasSlotContent-DDqs5uK9.js +14 -0
  23. package/dist/chunks/utils-CFL9veAf.js +30 -0
  24. package/dist/chunks/utils-D2P_fCSp.js +73 -0
  25. package/dist/chunks/utils-DYzsHCvl.js +15 -0
  26. package/dist/chunks/utils-DaKwZixu.js +26 -0
  27. package/dist/chunks/utils-Dg9e9uLW.js +29 -0
  28. package/dist/chunks/utils-Dz_31dEE.js +387 -0
  29. package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -0
  30. package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +6 -0
  31. package/dist/components/Buttons/CLA11yButton/CLA11yButton.vue.d.ts +2 -2
  32. package/dist/components/Buttons/CLButton/CLButton.css +1 -0
  33. package/dist/components/Buttons/CLButton/CLButton.js +6 -0
  34. package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +7 -7
  35. package/dist/components/CLIcon/CLIcon.css +1 -0
  36. package/dist/components/CLIcon/CLIcon.js +6 -0
  37. package/dist/components/{Assets/CLIcon → CLIcon}/CLIcon.vue.d.ts +1 -1
  38. package/dist/components/CLTable/CLTable.css +1 -0
  39. package/dist/components/CLTable/CLTable.js +197 -0
  40. package/dist/components/{Table → CLTable}/index.d.ts +0 -7
  41. package/dist/components/Containers/CLCard/CLCard.css +1 -0
  42. package/dist/components/Containers/CLCard/CLCard.js +6 -0
  43. package/dist/components/Containers/CLCard/CLCard.vue.d.ts +6 -6
  44. package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -0
  45. package/dist/components/Containers/CLCarousel/CLCarousel.js +436 -0
  46. package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts +2 -2
  47. package/dist/components/Containers/CLCarousel/CLCarouselNavigation.vue.d.ts +1 -1
  48. package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -0
  49. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +137 -0
  50. package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +3 -3
  51. package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -0
  52. package/dist/components/Form/CLCheckbox/CLCheckbox.js +147 -0
  53. package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +4 -4
  54. package/dist/components/Form/CLFormLabel/CLFormLabel.vue.d.ts +1 -1
  55. package/dist/components/Form/CLInput/CLInput.css +1 -0
  56. package/dist/components/Form/CLInput/CLInput.js +378 -0
  57. package/dist/components/Form/CLInput/CLInput.vue.d.ts +5 -5
  58. package/dist/components/Form/CLInput/CLInputPill.vue.d.ts +1 -1
  59. package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -0
  60. package/dist/components/Form/CLRadioButton/CLRadioButton.js +132 -0
  61. package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
  62. package/dist/components/Form/CLSelect/CLSelect.css +1 -0
  63. package/dist/components/Form/CLSelect/CLSelect.js +137 -0
  64. package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +3 -3
  65. package/dist/components/Form/CLTextArea/CLTextArea.css +1 -0
  66. package/dist/components/Form/CLTextArea/CLTextArea.js +149 -0
  67. package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +2 -2
  68. package/dist/components/Form/index.d.ts +5 -9
  69. package/dist/components/Indicators/CLBadge/CLBadge.css +1 -0
  70. package/dist/components/Indicators/CLBadge/CLBadge.js +40 -0
  71. package/dist/components/Indicators/CLBadge/CLBadge.vue.d.ts +1 -1
  72. package/dist/components/Indicators/CLBanner/CLBanner.css +1 -0
  73. package/dist/components/Indicators/CLBanner/CLBanner.js +147 -0
  74. package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +3 -3
  75. package/dist/components/Indicators/CLPill/CLPill.css +1 -0
  76. package/dist/components/Indicators/CLPill/CLPill.js +6 -0
  77. package/dist/components/Indicators/CLPill/CLPill.vue.d.ts +3 -3
  78. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -0
  79. package/dist/components/Indicators/CLProgress/CLProgress.js +6 -0
  80. package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts +2 -2
  81. package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -0
  82. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +6 -0
  83. package/dist/components/Loading/CLSkeleton/CLSkeleton.vue.d.ts +1 -1
  84. package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -0
  85. package/dist/components/Loading/CLSpinner/CLSpinner.js +6 -0
  86. package/dist/components/Loading/CLSpinner/CLSpinner.vue.d.ts +1 -1
  87. package/dist/components/Modals/CLModal/CLModal.css +1 -0
  88. package/dist/components/Modals/CLModal/CLModal.js +175 -0
  89. package/dist/components/Modals/CLModal/CLModal.vue.d.ts +2 -2
  90. package/dist/components/Navigation/CLLink/CLLink.css +1 -0
  91. package/dist/components/Navigation/CLLink/CLLink.js +6 -0
  92. package/dist/components/Navigation/CLLink/CLLink.vue.d.ts +2 -2
  93. package/dist/components/Navigation/CLNavLink/CLNavLink.js +5 -0
  94. package/dist/components/Navigation/CLNavLink/CLNavLink.vue.d.ts +1 -1
  95. package/dist/components/Navigation/CLNavSection/CLNavSection.css +1 -0
  96. package/dist/components/Navigation/CLNavSection/CLNavSection.js +55 -0
  97. package/dist/components/Navigation/CLNavSection/CLNavSection.vue.d.ts +1 -1
  98. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -0
  99. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1233 -0
  100. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +29 -29
  101. package/dist/components/Popups/CLToast/CLToast.css +1 -0
  102. package/dist/components/Popups/CLToast/CLToast.js +6 -0
  103. package/dist/components/Popups/CLToast/CLToast.vue.d.ts +2 -2
  104. package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +42 -0
  105. package/dist/components/Providers/CLThemeProvider/CLThemeProvider.vue.d.ts +27 -0
  106. package/dist/components/Providers/CLThemeProvider/index.d.ts +4 -0
  107. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +45 -0
  108. package/dist/components/Providers/{Toast → CLToastProvider}/CLToastProvider.vue.d.ts +1 -7
  109. package/dist/components/Providers/CLToastProvider/index.d.ts +4 -0
  110. package/dist/components/Providers/index.d.ts +2 -6
  111. package/dist/components/Typography/CLHeading/CLHeading.css +1 -0
  112. package/dist/components/Typography/CLHeading/CLHeading.js +6 -0
  113. package/dist/components/Typography/CLText/CLText.css +1 -0
  114. package/dist/components/Typography/CLText/CLText.js +6 -0
  115. package/dist/index.d.ts +0 -15
  116. package/dist/index.js +27 -5899
  117. package/package.json +121 -13
  118. package/dist/assets/styles.css +0 -1
  119. package/dist/components/Assets/index.d.ts +0 -2
  120. package/dist/components/Form/CLFormCharCounter/index.d.ts +0 -5
  121. package/dist/components/Form/CLFormLabel/index.d.ts +0 -5
  122. package/dist/components/Providers/Theme/CLThemeProvider.vue.d.ts +0 -26
  123. package/dist/constants.d.ts +0 -22
  124. package/dist/chunks/{icons.QRYZHNAf.js → icons-QRYZHNAf.js} +0 -0
  125. package/dist/components/{Assets/CLIcon → CLIcon}/index.d.ts +0 -0
  126. package/dist/components/{Assets → CLIcon}/utils.d.ts +0 -0
  127. package/dist/components/{Table → CLTable}/CLTable.vue.d.ts +1 -1
  128. /package/dist/components/{Table → CLTable}/CLTableBody.vue.d.ts +0 -0
  129. /package/dist/components/{Table → CLTable}/CLTableCell.vue.d.ts +0 -0
  130. /package/dist/components/{Table → CLTable}/CLTableFooter.vue.d.ts +0 -0
  131. /package/dist/components/{Table → CLTable}/CLTableHeader.vue.d.ts +0 -0
  132. /package/dist/components/{Table → CLTable}/CLTableNestedCell.vue.d.ts +0 -0
  133. /package/dist/components/{Table → CLTable}/CLTableRow.vue.d.ts +0 -0
  134. /package/dist/components/{Table → CLTable}/utils.d.ts +0 -0
  135. /package/dist/components/Providers/{Theme → CLThemeProvider}/base-theme.d.ts +0 -0
  136. /package/dist/components/Providers/{Theme → CLThemeProvider}/utils.d.ts +0 -0
@@ -0,0 +1,19 @@
1
+ import { i as n } from "./base-theme-B89pbWnC.js";
2
+ const v = ({ escHandler: t, triggerElem: e }) => {
3
+ const s = (a) => {
4
+ if (n)
5
+ if (e?.value) {
6
+ const i = e.value?.getAttribute("aria-expanded") === "true", o = a.target === e.value;
7
+ a.key === "Escape" && i && o && t?.();
8
+ } else
9
+ a.key === "Escape" && t?.();
10
+ }, u = () => {
11
+ n && (e?.value ? e.value.removeEventListener("keyup", s, !1) : document.removeEventListener("keyup", s, !1));
12
+ };
13
+ return n && (e?.value ? e.value.addEventListener("keyup", s, !1) : document.addEventListener("keyup", s, !1)), {
14
+ clearEventListeners: u
15
+ };
16
+ };
17
+ export {
18
+ v as u
19
+ };
@@ -0,0 +1,14 @@
1
+ import { useSlots as i, computed as l } from "vue";
2
+ const c = (e = "default") => {
3
+ const n = i(), t = (s) => {
4
+ try {
5
+ return !!s?.[e]?.().some((r) => Array.isArray(r.children) ? !0 : typeof r.children == "string" && r.children.trim() ? !(r.children === "v-if" || r.children === "v-show") : typeof r.children == "object" ? t(r.children) : !1);
6
+ } catch (r) {
7
+ return console.error(r), !1;
8
+ }
9
+ };
10
+ return l(() => t(n));
11
+ };
12
+ export {
13
+ c as u
14
+ };
@@ -0,0 +1,30 @@
1
+ import { CLMode as c, CLColorVariants as n } from "../index.js";
2
+ import { g as b, c as d, a as h, f as p } from "./utils-Dz_31dEE.js";
3
+ import { u as g } from "./base-theme-B89pbWnC.js";
4
+ const $ = ({ color: t, variant: r }) => {
5
+ const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
6
+ color: t,
7
+ colors: a.value,
8
+ mode: i,
9
+ variant: r
10
+ });
11
+ let e;
12
+ return o.value && (e = d`&:not([class*='clll-card--rounded-']){&.clll-card.clll-card--rounded{border-radius:var(--clll-${o.value})}}`), h(
13
+ d`border-color:${s ? "transparent" : l?.border};background-color:${l?.bg};&.clll-card--has-link{${p({ borderColor: l?.focus, shadowColor: l?.shadow, outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}}.clll-card__image{background-color:${l?.bg}}.clll-card__heading,.clll-card__byline{color:${l?.text}}`,
14
+ e
15
+ );
16
+ }, v = ({ color: t, variant: r }) => {
17
+ const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
18
+ color: t,
19
+ colors: a.value,
20
+ mode: i,
21
+ variant: r
22
+ });
23
+ let e;
24
+ return o.value && (e = d`&:not([class*='clll-disclosure--rounded-']){&.clll-disclosure.clll-disclosure--rounded{border-radius:var(--clll-${o.value});.clll-disclosure__trigger{.clll-button.clll-button--rounded{border-radius:var(--clll-${o.value})}}}}
25
+ `), h(d`border-color:${s ? "transparent" : l?.focus};border-style:solid;border-width:1px;.clll-disclosure__heading{.clll-heading,.clll-text{color:${l?.text};}}.clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:${s ? "transparent" : l?.focus};}.clll-disclosure__trigger{.clll-button{border:0;}}`, e);
26
+ };
27
+ export {
28
+ $ as c,
29
+ v as d
30
+ };
@@ -0,0 +1,73 @@
1
+ import { CLMode as s, CLColorVariants as i, CLColors as u } from "../index.js";
2
+ import { g as p, c as b, a as g } from "./utils-Dz_31dEE.js";
3
+ import { u as $ } from "./base-theme-B89pbWnC.js";
4
+ const _ = ({
5
+ color: c = u.Primary,
6
+ variant: l
7
+ }) => {
8
+ const { borderRadius: e, colors: a, darkMode: n } = $(), d = n.value ? s.Dark : s.Light, r = l === i.Outline, t = p({
9
+ color: c,
10
+ colors: a.value,
11
+ mode: d,
12
+ variant: l
13
+ });
14
+ let o;
15
+ return e.value && (o = b`
16
+ &:not([class*='clll-badge--rounded-']) {
17
+ &.clll-badge {
18
+ border-radius: var(--clll-${e.value});
19
+ }
20
+ }
21
+ `), g(b`border-color:${r ? t?.border : "transparent"};border-style:${r ? "solid" : "none"};border-width:${r ? "1px" : "0"};background-color:${t?.bg};.clll-badge__count{color:${t?.text};}`, o);
22
+ }, C = ({
23
+ color: c = u.Primary,
24
+ variant: l
25
+ }) => {
26
+ const { borderRadius: e, colors: a, darkMode: n } = $(), d = n.value ? s.Dark : s.Light, r = p({
27
+ color: c,
28
+ colors: a.value,
29
+ mode: d,
30
+ variant: l
31
+ });
32
+ let t;
33
+ e.value && (t = b`&:not([class*='clll-banner--rounded-']){&.clll-banner.clll-banner--rounded{border-radius:var(--clll-${e.value});}}`);
34
+ const o = b`background-color:${r?.bg ?? "transparent"};border-color:${r?.focus ?? "transparent"};&.clll-banner--bordered{border-bottom-width:.25rem}.clll-banner__content{.clll-heading,.clll-text{color:${r?.text}}}`;
35
+ return g(o, t);
36
+ }, x = ({
37
+ color: c = u.Primary,
38
+ variant: l
39
+ }) => {
40
+ const { borderRadius: e, colors: a, darkMode: n } = $(), d = n.value ? s.Dark : s.Light, r = l === i.Outline, t = l === i.Ghost, o = p({
41
+ color: c,
42
+ colors: a.value,
43
+ mode: d,
44
+ variant: l
45
+ });
46
+ let m;
47
+ return e.value && (m = b`
48
+ &.clll-pill.clll-pill--rounded {
49
+ border-radius: var(--clll-${e.value});
50
+ }
51
+ `), g(m, b`border-color:${r ? o?.border : "transparent"};border-width:${r ? "1px" : "0"};border-style:${r ? "solid" : "none"};background-color:${o?.bg ?? "transparent"};.clll-pill__label{background-color:${o?.bg ?? "transparent"};}&.clll-pill--clickable{&:hover{background-color:${o?.bg ?? "transparent"};}}.clll-pill__label{color:${o?.text};}.clll-icon{color:${o?.text};background-color:${o?.bg ?? "transparent"};}.clll-pill__count{color:${o?.text};background-color:${!r && !t ? o?.hover : "transparent"};${r ? `border-left-style:solid;border-left-color:${r ? o?.border : "transparent"};border-left-width:1px;` : ""}`);
52
+ }, f = ({
53
+ color: c = u.Primary
54
+ }) => {
55
+ const { colors: l, darkMode: e } = $(), a = e.value ? s.Dark : s.Light, n = p({
56
+ color: c,
57
+ colors: l.value,
58
+ mode: a,
59
+ variant: i.Solid
60
+ }), d = p({
61
+ color: u.Neutral,
62
+ colors: l.value,
63
+ mode: a,
64
+ variant: i.Solid
65
+ }), r = b`.clll-progress__bar-container{background-color:${d?.disabled ?? "transparent"};.clll-progress__bar{background-color:${n?.bg ?? "transparent"};}}`;
66
+ return g(r);
67
+ };
68
+ export {
69
+ f as a,
70
+ _ as b,
71
+ C as c,
72
+ x as p
73
+ };
@@ -0,0 +1,15 @@
1
+ import { CLMode as o, CLColors as c, CLColorVariants as l } from "../index.js";
2
+ import { g as m, a as p, c as i } from "./utils-Dz_31dEE.js";
3
+ import { u as n } from "./base-theme-B89pbWnC.js";
4
+ const x = ({ color: e = c.Neutral }) => {
5
+ const { colors: r, darkMode: t } = n(), a = t.value ? o.Light : o.Dark, s = m({
6
+ color: e,
7
+ colors: r.value,
8
+ mode: a,
9
+ variant: l.Text
10
+ });
11
+ return p(i`color: ${s?.textBody};white-space: pre-wrap;`);
12
+ };
13
+ export {
14
+ x as t
15
+ };
@@ -0,0 +1,26 @@
1
+ import { CLMode as a, CLColors as d, CLColorVariants as u } from "../index.js";
2
+ import { g as i, a as t, c as s } from "./utils-Dz_31dEE.js";
3
+ import { u as c } from "./base-theme-B89pbWnC.js";
4
+ const g = () => {
5
+ const { borderRadius: o, darkMode: e } = c(), l = e.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)";
6
+ let r;
7
+ return o.value && (r = s`
8
+ &:not([class*='clll-skeleton--rounded-']) {
9
+ &.clll-skeleton.clll-skeleton--rounded {
10
+ border-radius: var(--clll-${o.value});
11
+ }
12
+ }
13
+ `), t(s`background-color:${l};`, r);
14
+ }, C = ({ color: o = d.Primary }) => {
15
+ const { colors: e, darkMode: l } = c(), r = l.value ? a.Dark : a.Light, n = i({
16
+ color: o,
17
+ colors: e.value,
18
+ mode: r,
19
+ variant: u.Solid
20
+ });
21
+ return t(s`color:${n?.bg};`);
22
+ };
23
+ export {
24
+ C as a,
25
+ g as s
26
+ };
@@ -0,0 +1,29 @@
1
+ import { CLMode as a, CLColorVariants as u } from "../index.js";
2
+ import { g as b, c as s, a as h, f as v } from "./utils-Dz_31dEE.js";
3
+ import { u as m } from "./base-theme-B89pbWnC.js";
4
+ const $ = ({ color: d }) => {
5
+ const { borderRadius: r, colors: e, darkMode: c } = m(), n = c.value ? a.Dark : a.Light, t = b({
6
+ color: d,
7
+ colors: e.value,
8
+ mode: n,
9
+ variant: u.Solid
10
+ });
11
+ let l;
12
+ return r.value && (l = s`&.clll-a11y__button.--rounded{border-radius:var(--clll-${r.value});}`), h(s`${v({ borderColor: t?.focus, shadowColor: t?.shadow, shadowWidth: "--clll-unit-0" })}`, l);
13
+ }, g = ({
14
+ color: d,
15
+ variant: r = u.Soft
16
+ }) => {
17
+ const { borderRadius: e, colors: c, darkMode: n } = m(), t = n.value ? a.Dark : a.Light, l = r === u.Outline, o = b({
18
+ color: d,
19
+ colors: c.value,
20
+ mode: t,
21
+ variant: r
22
+ });
23
+ let i;
24
+ return e.value && (i = s`&:not([class*='clll-button--rounded-']){&.clll-button.clll-button--rounded{border-radius:var(--clll-${e.value})}}`), h(s`.clll-button__content,.clll-icon{color:${o?.text};}border-color:${l ? o?.border : "transparent"};background-color:${o?.bg ?? "transparent"};&:hover:not([disabled]){background-color:${o?.hover ?? "transparent"};border-color:${l ? o?.borderHover : "transparent"};}${v({ borderColor: o?.focus, shadowColor: o?.shadow, shadowWidth: "--clll-unit-0" })}`, i);
25
+ };
26
+ export {
27
+ $ as a,
28
+ g as b
29
+ };
@@ -0,0 +1,387 @@
1
+ import { C as fe } from "./base-theme-B89pbWnC.js";
2
+ var q = { exports: {} }, U;
3
+ function ne() {
4
+ return U || (U = 1, (function(e) {
5
+ (function() {
6
+ const f = (r) => new TextEncoder().encode(r);
7
+ function a(r, v) {
8
+ typeof r == "string" && (r = f(r));
9
+ let u = r.length, i = v ^ u, t = 0, d;
10
+ for (; u >= 4; )
11
+ d = r[t] & 255 | (r[++t] & 255) << 8 | (r[++t] & 255) << 16 | (r[++t] & 255) << 24, d = (d & 65535) * 1540483477 + (((d >>> 16) * 1540483477 & 65535) << 16), d ^= d >>> 24, d = (d & 65535) * 1540483477 + (((d >>> 16) * 1540483477 & 65535) << 16), i = (i & 65535) * 1540483477 + (((i >>> 16) * 1540483477 & 65535) << 16) ^ d, u -= 4, ++t;
12
+ switch (u) {
13
+ case 3:
14
+ i ^= (r[t + 2] & 255) << 16;
15
+ case 2:
16
+ i ^= (r[t + 1] & 255) << 8;
17
+ case 1:
18
+ i ^= r[t] & 255, i = (i & 65535) * 1540483477 + (((i >>> 16) * 1540483477 & 65535) << 16);
19
+ }
20
+ return i ^= i >>> 13, i = (i & 65535) * 1540483477 + (((i >>> 16) * 1540483477 & 65535) << 16), i ^= i >>> 15, i >>> 0;
21
+ }
22
+ function o(r, v) {
23
+ typeof r == "string" && (r = f(r));
24
+ let u, i, t, d, b, w, c, l;
25
+ for (u = r.length & 3, i = r.length - u, t = v, b = 3432918353, w = 461845907, l = 0; l < i; )
26
+ c = r[l] & 255 | (r[++l] & 255) << 8 | (r[++l] & 255) << 16 | (r[++l] & 255) << 24, ++l, c = (c & 65535) * b + (((c >>> 16) * b & 65535) << 16) & 4294967295, c = c << 15 | c >>> 17, c = (c & 65535) * w + (((c >>> 16) * w & 65535) << 16) & 4294967295, t ^= c, t = t << 13 | t >>> 19, d = (t & 65535) * 5 + (((t >>> 16) * 5 & 65535) << 16) & 4294967295, t = (d & 65535) + 27492 + (((d >>> 16) + 58964 & 65535) << 16);
27
+ switch (c = 0, u) {
28
+ case 3:
29
+ c ^= (r[l + 2] & 255) << 16;
30
+ case 2:
31
+ c ^= (r[l + 1] & 255) << 8;
32
+ case 1:
33
+ c ^= r[l] & 255, c = (c & 65535) * b + (((c >>> 16) * b & 65535) << 16) & 4294967295, c = c << 15 | c >>> 17, c = (c & 65535) * w + (((c >>> 16) * w & 65535) << 16) & 4294967295, t ^= c;
34
+ }
35
+ return t ^= r.length, t ^= t >>> 16, t = (t & 65535) * 2246822507 + (((t >>> 16) * 2246822507 & 65535) << 16) & 4294967295, t ^= t >>> 13, t = (t & 65535) * 3266489909 + (((t >>> 16) * 3266489909 & 65535) << 16) & 4294967295, t ^= t >>> 16, t >>> 0;
36
+ }
37
+ const n = o;
38
+ n.v2 = a, n.v3 = o, e.exports = n;
39
+ })();
40
+ })(q)), q.exports;
41
+ }
42
+ var te = ne(), Q = "comm", X = "rule", Z = "decl", ae = "@import", ce = "@namespace", oe = "@keyframes", ie = "@layer", W = Math.abs, F = String.fromCharCode;
43
+ function ee(e) {
44
+ return e.trim();
45
+ }
46
+ function H(e, f, a) {
47
+ return e.replace(f, a);
48
+ }
49
+ function se(e, f, a) {
50
+ return e.indexOf(f, a);
51
+ }
52
+ function C(e, f) {
53
+ return e.charCodeAt(f) | 0;
54
+ }
55
+ function M(e, f, a) {
56
+ return e.slice(f, a);
57
+ }
58
+ function k(e) {
59
+ return e.length;
60
+ }
61
+ function ue(e) {
62
+ return e.length;
63
+ }
64
+ function O(e, f) {
65
+ return f.push(e), e;
66
+ }
67
+ var I = 1, z = 1, re = 0, m = 0, x = 0, N = "";
68
+ function Y(e, f, a, o, n, r, v, u) {
69
+ return { value: e, root: f, parent: a, type: o, props: n, children: r, line: I, column: z, length: v, return: "", siblings: u };
70
+ }
71
+ function de() {
72
+ return x;
73
+ }
74
+ function le() {
75
+ return x = m > 0 ? C(N, --m) : 0, z--, x === 10 && (z = 1, I--), x;
76
+ }
77
+ function g() {
78
+ return x = m < re ? C(N, m++) : 0, z++, x === 10 && (z = 1, I++), x;
79
+ }
80
+ function R() {
81
+ return C(N, m);
82
+ }
83
+ function V() {
84
+ return m;
85
+ }
86
+ function L(e, f) {
87
+ return M(N, e, f);
88
+ }
89
+ function B(e) {
90
+ switch (e) {
91
+ // \0 \t \n \r \s whitespace token
92
+ case 0:
93
+ case 9:
94
+ case 10:
95
+ case 13:
96
+ case 32:
97
+ return 5;
98
+ // ! + , / > @ ~ isolate token
99
+ case 33:
100
+ case 43:
101
+ case 44:
102
+ case 47:
103
+ case 62:
104
+ case 64:
105
+ case 126:
106
+ // ; { } breakpoint token
107
+ case 59:
108
+ case 123:
109
+ case 125:
110
+ return 4;
111
+ // : accompanied token
112
+ case 58:
113
+ return 3;
114
+ // " ' ( [ opening delimit token
115
+ case 34:
116
+ case 39:
117
+ case 40:
118
+ case 91:
119
+ return 2;
120
+ // ) ] closing delimit token
121
+ case 41:
122
+ case 93:
123
+ return 1;
124
+ }
125
+ return 0;
126
+ }
127
+ function xe(e) {
128
+ return I = z = 1, re = k(N = e), m = 0, [];
129
+ }
130
+ function be(e) {
131
+ return N = "", e;
132
+ }
133
+ function P(e) {
134
+ return ee(L(m - 1, _(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
135
+ }
136
+ function he(e) {
137
+ for (; (x = R()) && x < 33; )
138
+ g();
139
+ return B(e) > 2 || B(x) > 3 ? "" : " ";
140
+ }
141
+ function ve(e, f) {
142
+ for (; --f && g() && !(x < 48 || x > 102 || x > 57 && x < 65 || x > 70 && x < 97); )
143
+ ;
144
+ return L(e, V() + (f < 6 && R() == 32 && g() == 32));
145
+ }
146
+ function _(e) {
147
+ for (; g(); )
148
+ switch (x) {
149
+ // ] ) " '
150
+ case e:
151
+ return m;
152
+ // " '
153
+ case 34:
154
+ case 39:
155
+ e !== 34 && e !== 39 && _(x);
156
+ break;
157
+ // (
158
+ case 40:
159
+ e === 41 && _(e);
160
+ break;
161
+ // \
162
+ case 92:
163
+ g();
164
+ break;
165
+ }
166
+ return m;
167
+ }
168
+ function pe(e, f) {
169
+ for (; g() && e + x !== 57; )
170
+ if (e + x === 84 && R() === 47)
171
+ break;
172
+ return "/*" + L(f, m - 1) + "*" + F(e === 47 ? e : g());
173
+ }
174
+ function me(e) {
175
+ for (; !B(R()); )
176
+ g();
177
+ return L(e, m);
178
+ }
179
+ function we(e) {
180
+ return be(D("", null, null, null, [""], e = xe(e), 0, [0], e));
181
+ }
182
+ function D(e, f, a, o, n, r, v, u, i) {
183
+ for (var t = 0, d = 0, b = v, w = 0, c = 0, l = 0, p = 1, y = 1, E = 1, h = 0, T = "", A = n, S = r, $ = o, s = T; y; )
184
+ switch (l = h, h = g()) {
185
+ // (
186
+ case 40:
187
+ if (l != 108 && C(s, b - 1) == 58) {
188
+ se(s += H(P(h), "&", "&\f"), "&\f", W(t ? u[t - 1] : 0)) != -1 && (E = -1);
189
+ break;
190
+ }
191
+ // " ' [
192
+ case 34:
193
+ case 39:
194
+ case 91:
195
+ s += P(h);
196
+ break;
197
+ // \t \n \r \s
198
+ case 9:
199
+ case 10:
200
+ case 13:
201
+ case 32:
202
+ s += he(l);
203
+ break;
204
+ // \
205
+ case 92:
206
+ s += ve(V() - 1, 7);
207
+ continue;
208
+ // /
209
+ case 47:
210
+ switch (R()) {
211
+ case 42:
212
+ case 47:
213
+ O(ge(pe(g(), V()), f, a, i), i), (B(l || 1) == 5 || B(R() || 1) == 5) && k(s) && M(s, -1, void 0) !== " " && (s += " ");
214
+ break;
215
+ default:
216
+ s += "/";
217
+ }
218
+ break;
219
+ // {
220
+ case 123 * p:
221
+ u[t++] = k(s) * E;
222
+ // } ; \0
223
+ case 125 * p:
224
+ case 59:
225
+ case 0:
226
+ switch (h) {
227
+ // \0 }
228
+ case 0:
229
+ case 125:
230
+ y = 0;
231
+ // ;
232
+ case 59 + d:
233
+ E == -1 && (s = H(s, /\f/g, "")), c > 0 && (k(s) - b || p === 0 && l === 47) && O(c > 32 ? J(s + ";", o, a, b - 1, i) : J(H(s, " ", "") + ";", o, a, b - 2, i), i);
234
+ break;
235
+ // @ ;
236
+ case 59:
237
+ s += ";";
238
+ // { rule/at-rule
239
+ default:
240
+ if (O($ = G(s, f, a, t, d, n, u, T, A = [], S = [], b, r), r), h === 123)
241
+ if (d === 0)
242
+ D(s, f, $, $, A, r, b, u, S);
243
+ else {
244
+ switch (w) {
245
+ // c(ontainer)
246
+ case 99:
247
+ if (C(s, 3) === 110) break;
248
+ // l(ayer)
249
+ case 108:
250
+ if (C(s, 2) === 97) break;
251
+ default:
252
+ d = 0;
253
+ // d(ocument) m(edia) s(upports)
254
+ case 100:
255
+ case 109:
256
+ case 115:
257
+ }
258
+ d ? D(e, $, $, o && O(G(e, $, $, 0, 0, n, u, T, n, A = [], b, S), S), n, S, b, u, o ? A : S) : D(s, $, $, $, [""], S, 0, u, S);
259
+ }
260
+ }
261
+ t = d = c = 0, p = E = 1, T = s = "", b = v;
262
+ break;
263
+ // :
264
+ case 58:
265
+ b = 1 + k(s), c = l;
266
+ default:
267
+ if (p < 1) {
268
+ if (h == 123)
269
+ --p;
270
+ else if (h == 125 && p++ == 0 && le() == 125)
271
+ continue;
272
+ }
273
+ switch (s += F(h), h * p) {
274
+ // &
275
+ case 38:
276
+ E = d > 0 ? 1 : (s += "\f", -1);
277
+ break;
278
+ // ,
279
+ case 44:
280
+ u[t++] = (k(s) - 1) * E, E = 1;
281
+ break;
282
+ // @
283
+ case 64:
284
+ R() === 45 && (s += P(g())), w = R(), d = b = k(T = s += me(V())), h++;
285
+ break;
286
+ // -
287
+ case 45:
288
+ l === 45 && k(s) == 2 && (p = 0);
289
+ }
290
+ }
291
+ return r;
292
+ }
293
+ function G(e, f, a, o, n, r, v, u, i, t, d, b) {
294
+ for (var w = n - 1, c = n === 0 ? r : [""], l = ue(c), p = 0, y = 0, E = 0; p < o; ++p)
295
+ for (var h = 0, T = M(e, w + 1, w = W(y = v[p])), A = e; h < l; ++h)
296
+ (A = ee(y > 0 ? c[h] + " " + T : H(T, /&\f/g, c[h]))) && (i[E++] = A);
297
+ return Y(e, f, a, n === 0 ? X : u, i, t, d, b);
298
+ }
299
+ function ge(e, f, a, o) {
300
+ return Y(e, f, a, Q, F(de()), M(e, 2, -2), 0, o);
301
+ }
302
+ function J(e, f, a, o, n) {
303
+ return Y(e, f, a, Z, M(e, 0, o), M(e, o + 1, -1), o, n);
304
+ }
305
+ function j(e, f) {
306
+ for (var a = "", o = 0; o < e.length; o++)
307
+ a += f(e[o], o, e, f) || "";
308
+ return a;
309
+ }
310
+ function $e(e, f, a, o) {
311
+ switch (e.type) {
312
+ case ie:
313
+ if (e.children.length) break;
314
+ case ae:
315
+ case ce:
316
+ case Z:
317
+ return e.return = e.return || e.value;
318
+ case Q:
319
+ return "";
320
+ case oe:
321
+ return e.return = e.value + "{" + j(e.children, o) + "}";
322
+ case X:
323
+ if (!k(e.value = e.props.join(","))) return "";
324
+ }
325
+ return k(a = j(e.children, o)) ? e.return = e.value + "{" + a + "}" : "";
326
+ }
327
+ const ke = () => K`-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;`, Se = ({
328
+ backgroundColor: e = "white",
329
+ borderColor: f,
330
+ placeholderColor: a
331
+ }) => K`border-color:${f};border-style:solid;border-width:1px;margin:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background-color:${e};line-height:1;appearance:none;-moz-appearance:none;-webkit-appearance:none;&::placeholder{color:${a};}${ke()}`, Ee = ({
332
+ key: e
333
+ }) => {
334
+ if (window?.document?.querySelector(`style[data-clll-theme="${e}"]`))
335
+ return;
336
+ const f = window?.document?.createElement("style");
337
+ if (f)
338
+ return f.setAttribute("data-clll-theme", e), f.appendChild(window?.document.createTextNode("")), window?.document.head.appendChild(f), f;
339
+ }, K = (e, ...f) => {
340
+ const a = [e[0]];
341
+ return (() => {
342
+ f.forEach((r, v) => {
343
+ a.push(r, e[v + 1]);
344
+ });
345
+ })(), a.join("").replace(/[\r\n]+/gm, "");
346
+ }, Re = (...e) => {
347
+ if (import.meta?.env?.VITEST) return "";
348
+ const a = e.filter(Boolean).join(""), o = j(we(a), $e), n = te.v2(o).toString(36), r = `clll-theme--${n}`, v = `.${r}{${a}}`, u = Ee({ key: n });
349
+ return u && (u?.sheet?.parentStyleSheet ? u?.sheet?.insertRule(
350
+ v,
351
+ u.sheet?.cssRules.length
352
+ ) : u.appendChild(window?.document.createTextNode(v))), r;
353
+ }, Ae = ({
354
+ borderColor: e,
355
+ outlineWidth: f = "2px",
356
+ outlineOffset: a = "0px",
357
+ outlineColor: o = "transparent",
358
+ shadowWidth: n = "--clll-unit-1_5",
359
+ shadowColor: r
360
+ }) => K`outline-color:rgba(0,0,0,0);outline-offset:${a};outline-style:solid;outline-width:${f};&:focus{outline:none;}&:focus{&[type='checkbox'],&[type='radio']{border-color:transparent!important;outline-color:${e};outline-style:solid;outline-width:${f};box-shadow:0 0 0 var(${n})${r};}}&:focus-visible{border-color:transparent!important;outline-color:${e};outline-style:solid;outline-width:${f};box-shadow:0 0 0 var(${n})${r};}&[type='checkbox'],&[type='radio']{border-color:${e};&:focus{outline-color:${o};border-color:transparent;}}`, Ce = ({
361
+ color: e,
362
+ colors: f,
363
+ mode: a,
364
+ variant: o
365
+ }) => {
366
+ const n = fe[o][a], r = f[e];
367
+ if (r)
368
+ return {
369
+ bg: n.bg !== void 0 ? r[n.bg] : void 0,
370
+ border: n.border !== void 0 ? r[n.border] : void 0,
371
+ borderHover: n.borderHover !== void 0 ? r[n.borderHover] : void 0,
372
+ disabled: n.disabled !== void 0 ? r[n.disabled] : void 0,
373
+ focus: n.focus !== void 0 ? r[n.focus] : void 0,
374
+ hover: n.hover !== void 0 ? r[n.hover] : void 0,
375
+ shadow: n.shadow !== void 0 ? r[n.shadow] : void 0,
376
+ text: n.text !== void 0 ? r[n.text] : void 0,
377
+ textBody: n.textBody !== void 0 ? r[n.textBody] : void 0,
378
+ textDisabled: n.textDisabled !== void 0 ? r[n.textDisabled] : void 0
379
+ };
380
+ };
381
+ export {
382
+ Re as a,
383
+ Se as b,
384
+ K as c,
385
+ Ae as f,
386
+ Ce as g
387
+ };
@@ -0,0 +1 @@
1
+ :root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-a11y__button{display:inline-block}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--fluid{display:block}
@@ -0,0 +1,6 @@
1
+ import './CLA11yButton.css';
2
+ import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-COGwQtRU.js";
3
+ export {
4
+ t as CLA11yButton,
5
+ t as default
6
+ };
@@ -13,10 +13,10 @@ export interface CLA11yButtonProps {
13
13
  }
14
14
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLA11yButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLA11yButtonProps> & Readonly<{}>, {
15
15
  color: CLColors;
16
- testId: string;
17
- rounded: boolean;
18
16
  enabled: boolean;
19
17
  fluid: boolean;
18
+ rounded: boolean;
19
+ testId: string;
20
20
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
21
21
  refExpandedArea: HTMLDivElement;
22
22
  }, HTMLDivElement>, {
@@ -0,0 +1 @@
1
+ :root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-button{position:relative;border:1px solid transparent;cursor:pointer}.clll-button[href]{text-decoration:none}.clll-button{transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-button .clll-button__content,.clll-button .clll-icon{font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button.clll-button--has-content{display:inline-flex;align-items:center}.clll-button.clll-button--no-content.clll-button--left,.clll-button.clll-button--no-content.clll-button--right{justify-content:center}.clll-button.clll-button--no-content .clll-button__content{display:none}.clll-button.clll-button--busy .clll-button__content,.clll-button.clll-button--busy .clll-icon{visibility:hidden}.clll-button.clll-button--tiny{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-unit-0_5) var(--clll-unit-2)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--tiny.clll-button--rounded{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--tiny.clll-button--no-content{padding:var(--clll-unit-1_5)}.clll-button.clll-button--small{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-unit-1) var(--clll-unit-2_5)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--small.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--small.clll-button--no-content{padding:var(--clll-unit-2)}.clll-button.clll-button--medium{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-unit-1_5) var(--clll-unit-3)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--medium.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--medium.clll-button--no-content{padding:var(--clll-unit-2_5)}.clll-button.clll-button--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-unit-2) var(--clll-unit-3_5)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--large.clll-button--rounded{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--large.clll-button--no-content{padding:var(--clll-unit-3)}.clll-button.clll-button--xlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-unit-3) var(--clll-unit-4_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--xlarge.clll-button--rounded{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--xlarge.clll-button--no-content{padding:var(--clll-unit-4)}.clll-button .clll-button__content{overflow:hidden}.clll-button.clll-button--left{justify-content:flex-start}.clll-button.clll-button--center{justify-content:center}.clll-button.clll-button--right{justify-content:flex-end}.clll-button.clll-button--no-content{display:flex;align-items:center}.clll-button.clll-button--no-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0)}.clll-button.clll-button--no-content.clll-button--rounded{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--wrapped{padding:var(--clll-unit-0)}.clll-button.clll-button--wrapped.clll-button--no-content{padding:0}.clll-button.clll-button--pill{border:0;padding:var(--clll-unit-0);background-color:transparent;outline-offset:-.5px}.clll-button.clll-button--pill:focus{box-shadow:none}.clll-button.clll-button--pill.clll-button--rounded{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--pill .clll-button__content{line-height:0}.clll-button.clll-button--active{pointer-events:none;user-select:none}.clll-button.clll-button--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.75;user-select:none}