watermelon-ui-kit 1.0.0 → 1.1.1

package/dist/components/QuestionTypeSelect/index.vue.d.ts

@@ -0,0 +1,19 @@
+import { ICON_TYPES } from '../../constants/icons';
+export type OptionType = {
+    value: number;
+    label: string;
+    icon: typeof ICON_TYPES.CHECK_CIRCLE | typeof ICON_TYPES.CHECK_SQUARE | typeof ICON_TYPES.LEFT_RIGHT_ARROW | typeof ICON_TYPES.CHESS;
+};
+type __VLS_Props = {
+    modelValue?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (questionType: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (questionType: number) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    selectRef: HTMLDivElement;
+    'question-type-select': HTMLUListElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/components/QuestionTypeSelect/index.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QuestionTypeSelect/index.vue"],"names":[],"mappings":"AAkJA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG9C,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,UAAU,CAAC,YAAY,GAAG,OAAO,UAAU,CAAC,YAAY,GAAG,OAAO,UAAU,CAAC,gBAAgB,GACtG,OAAO,UAAU,CAAC,KAAK,CAAC;CAC7B,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;;;;;;;;;AAoLF,wBASG"}

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 import { default as Tag } from './Tag/index.vue';
 import { default as WheelLoader } from './WheelLoader/index.vue';
 import { default as SvgIcon } from './SvgIcon/index.vue';
-export { Tag, WheelLoader, SvgIcon, };
+import { default as QuestionTypeSelect } from './QuestionTypeSelect/index.vue';
+export { Tag, WheelLoader, SvgIcon, QuestionTypeSelect, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAEzC,OAAO,EACL,GAAG,EACH,WAAW,EACX,OAAO,GACR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,kBAAkB,MAAM,gCAAgC,CAAA;AAE/D,OAAO,EACL,GAAG,EACH,WAAW,EACX,OAAO,EACP,kBAAkB,GACnB,CAAA"}

package/dist/watermelon-ui-kit.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Rubik:wght@400;500&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-xs:.125rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-primary-green:#01abaa}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.mr-1{margin-right:calc(var(--spacing)*1)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.h-1{height:calc(var(--spacing)*1)}.h-16\/116{height:13.7931%}.w-3{width:calc(var(--spacing)*3)}.w-fit{width:fit-content}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.transform\!{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.bg-primary-green{background-color:var(--color-primary-green)}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.px-2{padding-inline:calc(var(--spacing)*2)}.py-1{padding-block:calc(var(--spacing)*1)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-primary-green{color:var(--color-primary-green)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}@layer base,components;.font-poppins{font-family:Poppins,Rubik}.font-rubik{font-family:Rubik}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.tag .rate[data-v-7d4de45a]{background:#0515264d}.loader-wrapper[data-v-c240f1d2]{width:var(--1ea7dc8c);height:var(--c6f689be)}.loader-wrapper .spoke[data-v-c240f1d2]{width:10%;height:30%;border-radius:20px;background:var(--1d90de29)}.loader-wrapper[data-v-c240f1d2] :nth-child(1){left:50%;top:-5%;animation:colorchange-8-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(2){top:5%;left:75%;transform:rotate(45deg);animation:colorchange-7-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(3){top:30%;left:85%;transform:rotate(90deg);animation:colorchange-6-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(4){top:55%;left:75%;transform:rotate(-45deg);animation:colorchange-5-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(5){top:65%;left:50%;animation:colorchange-4-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(6){top:55%;left:25%;transform:rotate(45deg);animation:colorchange-3-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(7){top:30%;left:15%;transform:rotate(90deg);animation:colorchange-2-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(8){top:5%;left:25%;transform:rotate(-45deg);animation:colorchange-1-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}@keyframes colorchange-1-c240f1d2{0%{opacity:1}14%{opacity:.86}28%{opacity:.72}42%{opacity:.58}56%{opacity:.44}70%{opacity:.3}84%{opacity:.15}to{opacity:0}}@keyframes colorchange-2-c240f1d2{0%{opacity:.86}14%{opacity:.72}28%{opacity:.58}42%{opacity:.44}56%{opacity:.3}70%{opacity:.15}84%{opacity:0}to{opacity:1}}@keyframes colorchange-3-c240f1d2{0%{opacity:.72}14%{opacity:.58}28%{opacity:.44}42%{opacity:.3}56%{opacity:.15}70%{opacity:0}84%{opacity:1}to{opacity:.86}}@keyframes colorchange-4-c240f1d2{0%{opacity:.58}14%{opacity:.44}28%{opacity:.3}42%{opacity:.15}56%{opacity:0}70%{opacity:1}84%{opacity:.86}to{opacity:.72}}@keyframes colorchange-5-c240f1d2{0%{opacity:.44}14%{opacity:.3}28%{opacity:.15}42%{opacity:0}56%{opacity:1}70%{opacity:.86}84%{opacity:.72}to{opacity:.58}}@keyframes colorchange-6-c240f1d2{0%{opacity:.3}14%{opacity:.15}28%{opacity:0}42%{opacity:1}56%{opacity:.86}70%{opacity:.72}84%{opacity:.58}to{opacity:.44}}@keyframes colorchange-7-c240f1d2{0%{opacity:.15}14%{opacity:0}28%{opacity:1}42%{opacity:.86}56%{opacity:.72}70%{opacity:.58}84%{opacity:.44}to{opacity:.3}}@keyframes colorchange-8-c240f1d2{0%{opacity:0}14%{opacity:1}28%{opacity:.86}42%{opacity:.72}56%{opacity:.58}70%{opacity:.44}84%{opacity:.3}to{opacity:.15}}
+@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Rubik:wght@400;500&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--radius-xs:.125rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-primary-green:#01abaa;--color-primary-blue:#001529}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.h-1{height:calc(var(--spacing)*1)}.h-16\/116{height:13.7931%}.w-3{width:calc(var(--spacing)*3)}.w-fit{width:fit-content}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.transform\!{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.bg-primary-blue{background-color:var(--color-primary-blue)}.bg-primary-green{background-color:var(--color-primary-green)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.px-2{padding-inline:calc(var(--spacing)*2)}.py-1{padding-block:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-primary-green{color:var(--color-primary-green)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}@layer base,components;.font-poppins{font-family:Poppins,Rubik}.font-rubik{font-family:Rubik}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.tag .rate[data-v-7d4de45a]{background:#0515264d}.loader-wrapper[data-v-c240f1d2]{width:var(--1ea7dc8c);height:var(--c6f689be)}.loader-wrapper .spoke[data-v-c240f1d2]{width:10%;height:30%;border-radius:20px;background:var(--1d90de29)}.loader-wrapper[data-v-c240f1d2] :nth-child(1){left:50%;top:-5%;animation:colorchange-8-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(2){top:5%;left:75%;transform:rotate(45deg);animation:colorchange-7-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(3){top:30%;left:85%;transform:rotate(90deg);animation:colorchange-6-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(4){top:55%;left:75%;transform:rotate(-45deg);animation:colorchange-5-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(5){top:65%;left:50%;animation:colorchange-4-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(6){top:55%;left:25%;transform:rotate(45deg);animation:colorchange-3-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(7){top:30%;left:15%;transform:rotate(90deg);animation:colorchange-2-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(8){top:5%;left:25%;transform:rotate(-45deg);animation:colorchange-1-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}@keyframes colorchange-1-c240f1d2{0%{opacity:1}14%{opacity:.86}28%{opacity:.72}42%{opacity:.58}56%{opacity:.44}70%{opacity:.3}84%{opacity:.15}to{opacity:0}}@keyframes colorchange-2-c240f1d2{0%{opacity:.86}14%{opacity:.72}28%{opacity:.58}42%{opacity:.44}56%{opacity:.3}70%{opacity:.15}84%{opacity:0}to{opacity:1}}@keyframes colorchange-3-c240f1d2{0%{opacity:.72}14%{opacity:.58}28%{opacity:.44}42%{opacity:.3}56%{opacity:.15}70%{opacity:0}84%{opacity:1}to{opacity:.86}}@keyframes colorchange-4-c240f1d2{0%{opacity:.58}14%{opacity:.44}28%{opacity:.3}42%{opacity:.15}56%{opacity:0}70%{opacity:1}84%{opacity:.86}to{opacity:.72}}@keyframes colorchange-5-c240f1d2{0%{opacity:.44}14%{opacity:.3}28%{opacity:.15}42%{opacity:0}56%{opacity:1}70%{opacity:.86}84%{opacity:.72}to{opacity:.58}}@keyframes colorchange-6-c240f1d2{0%{opacity:.3}14%{opacity:.15}28%{opacity:0}42%{opacity:1}56%{opacity:.86}70%{opacity:.72}84%{opacity:.58}to{opacity:.44}}@keyframes colorchange-7-c240f1d2{0%{opacity:.15}14%{opacity:0}28%{opacity:1}42%{opacity:.86}56%{opacity:.72}70%{opacity:.58}84%{opacity:.44}to{opacity:.3}}@keyframes colorchange-8-c240f1d2{0%{opacity:0}14%{opacity:1}28%{opacity:.86}42%{opacity:.72}56%{opacity:.58}70%{opacity:.44}84%{opacity:.3}to{opacity:.15}}.question-type-wrapper[data-v-402b10f7]{width:200px;outline:solid 1px rgba(255,255,255,.5)}.question-type-wrapper .dropdown[data-v-402b10f7]{outline:solid 1px rgba(255,255,255,.3);top:102%}.question-type-wrapper .dropdown li[data-v-402b10f7]{text-wrap:nowrap}.question-type-wrapper .dropdown li[data-v-402b10f7]:hover{background:#ffffff1a}.question-type-wrapper .selected .arrow.opened[data-v-402b10f7]{transform:rotateX(180deg)}

package/dist/watermelon-ui-kit.es.ts

@@ -1,13 +1,13 @@
-import { defineComponent as p, resolveComponent as _, createElementBlock as o, openBlock as C, normalizeClass as h, createBlock as y, createCommentVNode as i, toDisplayString as d, withCtx as L, createElementVNode as s, useCssVars as g, Fragment as m, renderList as w, unref as r } from "vue";
-const H = {
+import { defineComponent as L, resolveComponent as O, createElementBlock as t, openBlock as n, normalizeClass as y, createBlock as T, createCommentVNode as d, toDisplayString as u, withCtx as V, createElementVNode as s, useCssVars as I, Fragment as k, renderList as S, unref as f, ref as w, computed as M, onMounted as $, onBeforeUnmount as N, createVNode as H } from "vue";
+const B = {
   NEW: 3
-}, k = {
+}, x = {
   key: 0,
   class: "mr-1 text-sm"
-}, v = {
+}, Z = {
   key: 2,
   class: "rate px-2 py-1 rounded-xl text-xs font-medium"
-}, E = ["fill"], V = /* @__PURE__ */ p({
+}, G = ["fill"], U = /* @__PURE__ */ L({
   __name: "index",
   props: {
     tag: {},
@@ -15,25 +15,25 @@ const H = {
     showRate: { type: Boolean }
   },
   emits: ["close"],
-  setup(l) {
-    const t = l.tag.status === H.NEW;
-    return (n, a) => {
-      const f = _("router-link");
-      return C(), o("div", {
-        class: h(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs", t ? "text-primary-green border border-solid" : "bg-primary-green text-white"])
+  setup(a) {
+    const C = a.tag.status === B.NEW;
+    return (o, r) => {
+      const i = O("router-link");
+      return n(), t("div", {
+        class: y(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs", C ? "text-primary-green border border-solid" : "bg-primary-green text-white"])
       }, [
-        t ? (C(), o("span", k, d(n.tag.name), 1)) : (C(), y(f, {
+        C ? (n(), t("span", x, u(o.tag.name), 1)) : (n(), T(i, {
           key: 1,
-          to: `/dashboard/tags/${n.tag.name}`,
+          to: `/dashboard/tags/${o.tag.name}`,
           class: "mr-1 text-sm text-white no-underline hover:underline"
         }, {
-          default: L(() => [
-            s("span", null, d(n.tag.name), 1)
+          default: V(() => [
+            s("span", null, u(o.tag.name), 1)
           ]),
           _: 1
         }, 8, ["to"])),
-        n.showRate && !t ? (C(), o("span", v, d(n.tag.rate), 1)) : i("", !0),
-        n.closable ? (C(), o("svg", {
+        o.showRate && !C ? (n(), t("span", Z, u(o.tag.rate), 1)) : d("", !0),
+        o.closable ? (n(), t("svg", {
           key: 3,
           width: "17",
           height: "17",
@@ -41,7 +41,7 @@ const H = {
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           class: "close inline-block cursor-pointer",
-          onClick: a[0] || (a[0] = (W) => n.$emit("close", n.tag))
+          onClick: r[0] || (r[0] = (h) => o.$emit("close", o.tag))
         }, [
           s("path", {
             d: `M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
@@ -53,18 +53,18 @@ const H = {
           12.0156 12.7426 11.9067L9.32115 8.48523L12.7426 5.06375C12.8515 4.95485 12.9127 4.80716 12.9127
           4.65317C12.9127 4.49917 12.8515 4.35148 12.7426 4.24259C12.6328 4.13556 12.4854 4.07566 12.3321
           4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,
-            fill: t ? "#01ABAA" : "white"
-          }, null, 8, E)
-        ])) : i("", !0)
+            fill: C ? "#01ABAA" : "white"
+          }, null, 8, G)
+        ])) : d("", !0)
       ], 2);
     };
   }
-}), u = (l, e) => {
-  const t = l.__vccOpts || l;
-  for (const [n, a] of e)
-    t[n] = a;
-  return t;
-}, O = /* @__PURE__ */ u(V, [["__scopeId", "data-v-7d4de45a"]]), A = { class: "loader-wrapper relative" }, M = /* @__PURE__ */ p({
+}), E = (a, e) => {
+  const C = a.__vccOpts || a;
+  for (const [o, r] of e)
+    C[o] = r;
+  return C;
+}, i1 = /* @__PURE__ */ E(U, [["__scopeId", "data-v-7d4de45a"]]), D = { class: "loader-wrapper relative" }, F = /* @__PURE__ */ L({
   __name: "index",
   props: {
     width: { default: "21px" },
@@ -72,25 +72,25 @@ const H = {
     speed: { default: "1.5s" },
     color: { default: "#01ABAA" }
   },
-  setup(l) {
-    return g((e) => ({
+  setup(a) {
+    return I((e) => ({
       "1ea7dc8c": e.width,
       c6f689be: e.height,
       "1d90de29": e.color,
       "1e72af0d": e.speed
-    })), (e, t) => (C(), o("div", A, [
-      (C(), o(m, null, w(8, (n) => s("div", {
-        key: n,
+    })), (e, C) => (n(), t("div", D, [
+      (n(), t(k, null, S(8, (o) => s("div", {
+        key: o,
         class: "spoke absolute"
       })), 64))
     ]));
   }
-}), F = /* @__PURE__ */ u(M, [["__scopeId", "data-v-c240f1d2"]]), c = {
+}), c1 = /* @__PURE__ */ E(F, [["__scopeId", "data-v-c240f1d2"]]), c = {
   CHECK_CIRCLE: "check-circle",
   CHECK_SQUARE: "check-square",
   LEFT_RIGHT_ARROW: "left-right-arrow",
   CHESS: "chess"
-}, R = ["width", "height"], Z = ["opacity", "fill"], S = ["opacity", "fill"], $ = { key: 2 }, b = ["opacity", "fill"], B = ["opacity", "fill"], T = { key: 3 }, I = ["opacity", "fill"], N = ["opacity", "fill"], G = /* @__PURE__ */ p({
+}, P = ["width", "height"], Q = ["opacity", "fill"], K = ["opacity", "fill"], W = { key: 2 }, q = ["opacity", "fill"], Y = ["opacity", "fill"], j = { key: 3 }, z = ["opacity", "fill"], J = ["opacity", "fill"], R = /* @__PURE__ */ L({
   __name: "index",
   props: {
     icon: {},
@@ -99,16 +99,16 @@ const H = {
     opacity: { default: 0.7 },
     color: { default: "white" }
   },
-  setup(l) {
-    return (e, t) => (C(), o("svg", {
+  setup(a) {
+    return (e, C) => (n(), t("svg", {
       width: e.width,
       height: e.height,
-      class: h(`icon icon-${e.icon}`),
+      class: y(`icon icon-${e.icon}`),
       viewBox: "0 0 14 14",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      e.icon === r(c).CHESS ? (C(), o("path", {
+      e.icon === f(c).CHESS ? (n(), t("path", {
         key: 0,
         opacity: e.opacity,
         "fill-rule": "evenodd",
@@ -133,8 +133,8 @@ const H = {
        6.1075 5.70715 6.125C5.70715 6.35057 5.79098 6.7473 5.95408 7.2695C6.1114 7.77321 6.32362 8.33624 6.53939
        8.86812C6.65344 9.14923 6.76759 9.41955 6.87382 9.66508Z`,
         fill: e.color
-      }, null, 8, Z)) : i("", !0),
-      e.icon === r(c).LEFT_RIGHT_ARROW ? (C(), o("path", {
+      }, null, 8, Q)) : d("", !0),
+      e.icon === f(c).LEFT_RIGHT_ARROW ? (n(), t("path", {
         key: 1,
         opacity: e.opacity,
         d: `M14 10.6073C14 10.9776 13.6929 11.2847 13.3226 11.2847H2.31226L3.41419 12.3866C3.67613 12.6486 3.67613 13.0821
@@ -149,8 +149,8 @@ const H = {
       0.653727C10.3239 0.915662 10.3239 1.34921 10.5858 1.61115L11.6877 2.71308H0.677419C0.307097 2.71308 5.04717e-08
       3.02018 5.04717e-08 3.3905C5.04717e-08 3.76082 0.307097 4.06792 0.677419 4.06792V4.05889Z`,
         fill: e.color
-      }, null, 8, S)) : i("", !0),
-      e.icon === r(c).CHECK_SQUARE ? (C(), o("g", $, [
+      }, null, 8, K)) : d("", !0),
+      e.icon === f(c).CHECK_SQUARE ? (n(), t("g", W, [
         s("path", {
           d: `M11.8 13.8056H2.2C1.61652 13.8056 1.05694 13.5802 0.644365 13.1791C0.231785 12.778 0 12.2339 0
         11.6667V2.33335C0 1.76608 0.231785 1.22204 0.644365 0.820924C1.05694 0.419804 1.61652 0.194458 2.2
@@ -164,7 +164,7 @@ const H = {
         12.3835 13.8056 11.8 13.8056Z`,
           opacity: e.opacity,
           fill: e.color
-        }, null, 8, b),
+        }, null, 8, q),
         s("path", {
           d: `M5.79998 9.52783C5.64562 9.51636 5.50203 9.44655 5.39998 9.33339L2.99998 7.00005C2.94651 6.8912 2.92906
         6.76891 2.95004 6.65001C2.97102 6.53112 3.0294 6.42148 3.11714 6.33618C3.20487 6.25088 3.31765 6.19412 3.43994
@@ -174,9 +174,9 @@ const H = {
         9.52783Z`,
           opacity: e.opacity,
           fill: e.color
-        }, null, 8, B)
-      ])) : i("", !0),
-      e.icon === r(c).CHECK_CIRCLE ? (C(), o("g", T, [
+        }, null, 8, Y)
+      ])) : d("", !0),
+      e.icon === f(c).CHECK_CIRCLE ? (n(), t("g", j, [
         s("path", {
           d: `M5.81259 9.52305C5.66283 9.5116 5.52351 9.44194 5.42448 9.329L3.09584 7.00035C3.04396 6.89172 3.02703
         6.76967 3.04739 6.65102C3.06774 6.53236 3.12439 6.42294 3.20951 6.33781C3.29464 6.25268 3.40406 6.19604 3.52272
@@ -186,7 +186,7 @@ const H = {
         5.81259 9.52305Z`,
           opacity: e.opacity,
           fill: e.color
-        }, null, 8, I),
+        }, null, 8, z),
         s("path", {
           d: `M6.97692 13.9863C5.72836 13.9843 4.50314 13.6477 3.42878 13.0116C2.35443 12.3754 1.4702 11.4629 0.868111
         10.3691C0.410442 9.5541 0.127583 8.65265 0.0375607 7.72225C-0.104502 6.35772 0.158347 4.98157 0.793319
@@ -209,13 +209,108 @@ const H = {
         13.9863Z`,
           opacity: e.opacity,
           fill: e.color
-        }, null, 8, N)
-      ])) : i("", !0)
-    ], 10, R));
+        }, null, 8, J)
+      ])) : d("", !0)
+    ], 10, P));
   }
-});
+}), X = "data:image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%205.27956C4.89473%205.27999%204.79042%205.26203%204.6932%205.22672C4.59597%205.19141%204.50778%205.13946%204.43381%205.07393L0.726854%201.80267C0.629223%201.67093%200.584973%201.51432%200.601198%201.35795C0.617422%201.20158%200.693182%201.0545%200.816333%200.940293C0.939485%200.826083%201.1029%200.751353%201.28038%200.728081C1.45786%200.704808%201.63913%200.734342%201.79514%200.811947L5%203.61589L8.20486%200.811947C8.36087%200.734342%208.54215%200.704808%208.71963%200.728081C8.89711%200.751353%209.06052%200.826083%209.18367%200.940293C9.30682%201.0545%209.38258%201.20158%209.39881%201.35795C9.41503%201.51432%209.37078%201.67093%209.27315%201.80267L5.53415%205.07393C5.39259%205.19957%205.20151%205.27312%205%205.27956Z'%20fill='white'%20fill-opacity='0.75'/%3e%3c/svg%3e", l = {
+  ONE_OF: 1,
+  MULTIPLE_VARIANTS: 2,
+  DRAGGABLE_ORDER: 3,
+  CHESS: 4
+}, m = {
+  [l.ONE_OF]: "One Of",
+  [l.MULTIPLE_VARIANTS]: "Multiple Variants",
+  [l.DRAGGABLE_ORDER]: "Draggable Order",
+  [l.CHESS]: "Chess"
+}, e1 = {
+  key: 0,
+  class: "flex items-center"
+}, n1 = { key: 1 }, t1 = {
+  key: 0,
+  ref: "question-type-select",
+  class: "dropdown absolute left-0 bg-primary-blue bg-opacity-10 cursor-pointer text-white text-base text-opacity-90 rounded-lg p-0 overflow-hidden m-0"
+}, o1 = ["value", "onClick"], l1 = /* @__PURE__ */ L({
+  __name: "index",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: e }) {
+    const C = a, o = e, r = [
+      {
+        value: l.ONE_OF,
+        label: m[l.ONE_OF],
+        icon: c.CHECK_CIRCLE
+      },
+      {
+        value: l.MULTIPLE_VARIANTS,
+        label: m[l.MULTIPLE_VARIANTS],
+        icon: c.CHECK_SQUARE
+      },
+      {
+        value: l.DRAGGABLE_ORDER,
+        label: m[l.DRAGGABLE_ORDER],
+        icon: c.LEFT_RIGHT_ARROW
+      },
+      {
+        value: l.CHESS,
+        label: m[l.CHESS],
+        icon: c.CHESS
+      }
+    ], i = w(!1), h = w(null), v = M(() => r.find((p) => p.value === C.modelValue) || null), A = () => {
+      i.value = !i.value;
+    }, b = (p) => {
+      o("update:modelValue", p.value), i.value = !1;
+    }, g = (p) => {
+      h.value && !h.value.contains(p.target) && (i.value = !1);
+    };
+    return $(() => {
+      document.addEventListener("click", g);
+    }), N(() => {
+      document.removeEventListener("click", g);
+    }), (p, s1) => (n(), t("div", {
+      ref_key: "selectRef",
+      ref: h,
+      class: "question-type-wrapper rounded-lg pr-2 relative text-white text-base text-opacity-90 font-poppins p-2 bg-primary-blue"
+    }, [
+      s("div", {
+        class: "selected flex justify-between cursor-pointer w-full",
+        onClick: A
+      }, [
+        v.value ? (n(), t("span", e1, [
+          H(R, {
+            icon: v.value.icon,
+            class: "mr-2"
+          }, null, 8, ["icon"]),
+          s("span", null, u(v.value.label), 1)
+        ])) : (n(), t("span", n1, u("Question type"))),
+        s("img", {
+          src: X,
+          class: y(["arrow ease-in duration-300 pl-2 mr-1", { opened: i.value }]),
+          alt: "arrow icon"
+        }, null, 2)
+      ]),
+      i.value ? (n(), t("ul", t1, [
+        (n(), t(k, null, S(r, (_) => s("li", {
+          key: _.value,
+          value: _.value,
+          class: "list-none w-full flex items-center p-3",
+          onClick: (C1) => b(_)
+        }, [
+          H(R, {
+            icon: _.icon,
+            class: "mr-2"
+          }, null, 8, ["icon"]),
+          s("span", null, u(_.label), 1)
+        ], 8, o1)), 64))
+      ], 512)) : d("", !0)
+    ], 512));
+  }
+}), r1 = /* @__PURE__ */ E(l1, [["__scopeId", "data-v-402b10f7"]]);
 export {
-  G as SvgIcon,
-  O as Tag,
-  F as WheelLoader
+  r1 as QuestionTypeSelect,
+  R as SvgIcon,
+  i1 as Tag,
+  c1 as WheelLoader
 };

package/dist/watermelon-ui-kit.umd.ts

@@ -1,4 +1,4 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["watermelon-ui-kit"]={},t.Vue))})(this,function(t,e){"use strict";const r={NEW:3},s={key:0,class:"mr-1 text-sm"},d={key:2,class:"rate px-2 py-1 rounded-xl text-xs font-medium"},p=["fill"],m=e.defineComponent({__name:"index",props:{tag:{},closable:{type:Boolean},showRate:{type:Boolean}},emits:["close"],setup(l){const C=l.tag.status===r.NEW;return(o,a)=>{const u=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs",C?"text-primary-green border border-solid":"bg-primary-green text-white"])},[C?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(o.tag.name),1)):(e.openBlock(),e.createBlock(u,{key:1,to:`/dashboard/tags/${o.tag.name}`,class:"mr-1 text-sm text-white no-underline hover:underline"},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.tag.name),1)]),_:1},8,["to"])),o.showRate&&!C?(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(o.tag.rate),1)):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createElementBlock("svg",{key:3,width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"close inline-block cursor-pointer",onClick:a[0]||(a[0]=M=>o.$emit("close",o.tag))},[e.createElementVNode("path",{d:`M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["watermelon-ui-kit"]={},a.Vue))})(this,function(a,e){"use strict";const k={NEW:3},y={key:0,class:"mr-1 text-sm"},L={key:2,class:"rate px-2 py-1 rounded-xl text-xs font-medium"},g=["fill"],u=e.defineComponent({__name:"index",props:{tag:{},closable:{type:Boolean},showRate:{type:Boolean}},emits:["close"],setup(i){const l=i.tag.status===k.NEW;return(t,C)=>{const s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs",l?"text-primary-green border border-solid":"bg-primary-green text-white"])},[l?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.tag.name),1)):(e.openBlock(),e.createBlock(s,{key:1,to:`/dashboard/tags/${t.tag.name}`,class:"mr-1 text-sm text-white no-underline hover:underline"},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.tag.name),1)]),_:1},8,["to"])),t.showRate&&!l?(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(t.tag.rate),1)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock("svg",{key:3,width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"close inline-block cursor-pointer",onClick:C[0]||(C[0]=m=>t.$emit("close",t.tag))},[e.createElementVNode("path",{d:`M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
         4.1337 4.25735 4.24259C4.14846 4.35148 4.08728 4.49917 4.08728 4.65317C4.08728 4.80716 4.14846 4.95485 4.25735
         5.06375L7.67883 8.48523L4.25735 11.9067C4.14846 12.0156 4.08728 12.1633 4.08728 12.3173C4.08728 12.4713 4.14846
          12.619 4.25735 12.7279C4.36624 12.8368 4.51393 12.8979 4.66793 12.8979C4.82192 12.8979 4.96961 12.8368 5.07851
@@ -6,7 +6,7 @@
           12.6328 12.8349 12.7426 12.7279C12.8515 12.619 12.9127 12.4713 12.9127 12.3173C12.9127 12.1633 12.8515
           12.0156 12.7426 11.9067L9.32115 8.48523L12.7426 5.06375C12.8515 4.95485 12.9127 4.80716 12.9127
           4.65317C12.9127 4.49917 12.8515 4.35148 12.7426 4.24259C12.6328 4.13556 12.4854 4.07566 12.3321
-          4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,fill:C?"#01ABAA":"white"},null,8,p)])):e.createCommentVNode("",!0)],2)}}}),c=(l,n)=>{const C=l.__vccOpts||l;for(const[o,a]of n)C[o]=a;return C},h=c(m,[["__scopeId","data-v-7d4de45a"]]),f={class:"loader-wrapper relative"},k=c(e.defineComponent({__name:"index",props:{width:{default:"21px"},height:{default:"21px"},speed:{default:"1.5s"},color:{default:"#01ABAA"}},setup(l){return e.useCssVars(n=>({"1ea7dc8c":n.width,c6f689be:n.height,"1d90de29":n.color,"1e72af0d":n.speed})),(n,C)=>(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(8,o=>e.createElementVNode("div",{key:o,class:"spoke absolute"})),64))]))}}),[["__scopeId","data-v-c240f1d2"]]),i={CHECK_CIRCLE:"check-circle",CHECK_SQUARE:"check-square",LEFT_RIGHT_ARROW:"left-right-arrow",CHESS:"chess"},y=["width","height"],_=["opacity","fill"],g=["opacity","fill"],L={key:2},E=["opacity","fill"],B=["opacity","fill"],w={key:3},H=["opacity","fill"],V=["opacity","fill"],N=e.defineComponent({__name:"index",props:{icon:{},width:{default:16},height:{default:16},opacity:{default:.7},color:{default:"white"}},setup(l){return(n,C)=>(e.openBlock(),e.createElementBlock("svg",{width:n.width,height:n.height,class:e.normalizeClass(`icon icon-${n.icon}`),viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[n.icon===e.unref(i).CHESS?(e.openBlock(),e.createElementBlock("path",{key:0,opacity:n.opacity,"fill-rule":"evenodd","clip-rule":"evenodd",d:`M6.87382 0C7.19599 0 7.45715 0.261167 7.45715 0.583333V1.16667H8.04049C8.36266 1.16667 8.62382 1.42784 8.62382
+          4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,fill:l?"#01ABAA":"white"},null,8,g)])):e.createCommentVNode("",!0)],2)}}}),f=(i,n)=>{const l=i.__vccOpts||i;for(const[t,C]of n)l[t]=C;return l},B=f(u,[["__scopeId","data-v-7d4de45a"]]),w={class:"loader-wrapper relative"},V=f(e.defineComponent({__name:"index",props:{width:{default:"21px"},height:{default:"21px"},speed:{default:"1.5s"},color:{default:"#01ABAA"}},setup(i){return e.useCssVars(n=>({"1ea7dc8c":n.width,c6f689be:n.height,"1d90de29":n.color,"1e72af0d":n.speed})),(n,l)=>(e.openBlock(),e.createElementBlock("div",w,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(8,t=>e.createElementVNode("div",{key:t,class:"spoke absolute"})),64))]))}}),[["__scopeId","data-v-c240f1d2"]]),c={CHECK_CIRCLE:"check-circle",CHECK_SQUARE:"check-square",LEFT_RIGHT_ARROW:"left-right-arrow",CHESS:"chess"},S=["width","height"],H=["opacity","fill"],N=["opacity","fill"],R={key:2},A=["opacity","fill"],b=["opacity","fill"],T={key:3},O=["opacity","fill"],I=["opacity","fill"],_=e.defineComponent({__name:"index",props:{icon:{},width:{default:16},height:{default:16},opacity:{default:.7},color:{default:"white"}},setup(i){return(n,l)=>(e.openBlock(),e.createElementBlock("svg",{width:n.width,height:n.height,class:e.normalizeClass(`icon icon-${n.icon}`),viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[n.icon===e.unref(c).CHESS?(e.openBlock(),e.createElementBlock("path",{key:0,opacity:n.opacity,"fill-rule":"evenodd","clip-rule":"evenodd",d:`M6.87382 0C7.19599 0 7.45715 0.261167 7.45715 0.583333V1.16667H8.04049C8.36266 1.16667 8.62382 1.42784 8.62382
        1.75C8.62382 2.07216 8.36266 2.33333 8.04049 2.33333H7.45715V3.57832C8.14974 3.77011 8.69172 4.29777 8.97936
        4.97908C9.66723 4.49559 10.3823 4.27637 11.0676 4.30946C12.0172 4.35534 12.8122 4.88333 13.2802 5.66054C14.1811
        7.15645 13.8468 9.41856 11.6901 11.2449L12.2235 12.3116C12.6113 13.0873 12.0473 14 11.18 14H2.56768C1.70041 14
@@ -24,7 +24,7 @@
        7.2695C7.95672 6.7473 8.04049 6.35057 8.04049 6.125C8.04049 6.10744 8.04025 6.09006 8.03984 6.07279C8.01657
        5.17954 7.43399 4.66667 6.87382 4.66667C6.3137 4.66667 5.73113 5.17956 5.70785 6.07279C5.70739 6.09006 5.70715
        6.1075 5.70715 6.125C5.70715 6.35057 5.79098 6.7473 5.95408 7.2695C6.1114 7.77321 6.32362 8.33624 6.53939
-       8.86812C6.65344 9.14923 6.76759 9.41955 6.87382 9.66508Z`,fill:n.color},null,8,_)):e.createCommentVNode("",!0),n.icon===e.unref(i).LEFT_RIGHT_ARROW?(e.openBlock(),e.createElementBlock("path",{key:1,opacity:n.opacity,d:`M14 10.6073C14 10.9776 13.6929 11.2847 13.3226 11.2847H2.31226L3.41419 12.3866C3.67613 12.6486 3.67613 13.0821
+       8.86812C6.65344 9.14923 6.76759 9.41955 6.87382 9.66508Z`,fill:n.color},null,8,H)):e.createCommentVNode("",!0),n.icon===e.unref(c).LEFT_RIGHT_ARROW?(e.openBlock(),e.createElementBlock("path",{key:1,opacity:n.opacity,d:`M14 10.6073C14 10.9776 13.6929 11.2847 13.3226 11.2847H2.31226L3.41419 12.3866C3.67613 12.6486 3.67613 13.0821
       3.41419 13.3441C3.27871 13.4795 3.1071 13.5428 2.93548 13.5428C2.76387 13.5428 2.59226 13.4795 2.45677
       13.3441L0.19871 11.086C0.135484 11.0228 0.0903226 10.9505 0.0541935 10.8692C-0.0180645 10.7066 -0.0180645 10.517
       0.0541935 10.3544C0.0903226 10.2731 0.135484 10.2008 0.19871 10.1376L2.45677 7.87953C2.71871 7.6176 3.15226
@@ -34,7 +34,7 @@
       3.86018C13.8645 3.79695 13.9097 3.72469 13.9458 3.6434C14.0181 3.48082 14.0181 3.29115 13.9458 3.12857C13.9097
       3.04728 13.8645 2.97502 13.8013 2.91179L11.5432 0.653727C11.2813 0.391792 10.8477 0.391792 10.5858
       0.653727C10.3239 0.915662 10.3239 1.34921 10.5858 1.61115L11.6877 2.71308H0.677419C0.307097 2.71308 5.04717e-08
-      3.02018 5.04717e-08 3.3905C5.04717e-08 3.76082 0.307097 4.06792 0.677419 4.06792V4.05889Z`,fill:n.color},null,8,g)):e.createCommentVNode("",!0),n.icon===e.unref(i).CHECK_SQUARE?(e.openBlock(),e.createElementBlock("g",L,[e.createElementVNode("path",{d:`M11.8 13.8056H2.2C1.61652 13.8056 1.05694 13.5802 0.644365 13.1791C0.231785 12.778 0 12.2339 0
+      3.02018 5.04717e-08 3.3905C5.04717e-08 3.76082 0.307097 4.06792 0.677419 4.06792V4.05889Z`,fill:n.color},null,8,N)):e.createCommentVNode("",!0),n.icon===e.unref(c).CHECK_SQUARE?(e.openBlock(),e.createElementBlock("g",R,[e.createElementVNode("path",{d:`M11.8 13.8056H2.2C1.61652 13.8056 1.05694 13.5802 0.644365 13.1791C0.231785 12.778 0 12.2339 0
         11.6667V2.33335C0 1.76608 0.231785 1.22204 0.644365 0.820924C1.05694 0.419804 1.61652 0.194458 2.2
         0.194458H9.288C9.44713 0.194458 9.59974 0.255916 9.71226 0.365312C9.82479 0.474709 9.888 0.623082 9.888
         0.777791C9.888 0.932501 9.82479 1.08087 9.71226 1.19027C9.59974 1.29967 9.44713 1.36112 9.288
@@ -43,17 +43,17 @@
         12.3196 12.5365 12.5071 12.3541C12.6946 12.1718 12.8 11.9245 12.8 11.6667V5.67001C12.8 5.5153 12.8632 5.36693
         12.9757 5.25753C13.0883 5.14814 13.2409 5.08668 13.4 5.08668C13.5591 5.08668 13.7117 5.14814 13.8243
         5.25753C13.9368 5.36693 14 5.5153 14 5.67001V11.6667C14 12.2339 13.7682 12.778 13.3556 13.1791C12.9431 13.5802
-        12.3835 13.8056 11.8 13.8056Z`,opacity:n.opacity,fill:n.color},null,8,E),e.createElementVNode("path",{d:`M5.79998 9.52783C5.64562 9.51636 5.50203 9.44655 5.39998 9.33339L2.99998 7.00005C2.94651 6.8912 2.92906
+        12.3835 13.8056 11.8 13.8056Z`,opacity:n.opacity,fill:n.color},null,8,A),e.createElementVNode("path",{d:`M5.79998 9.52783C5.64562 9.51636 5.50203 9.44655 5.39998 9.33339L2.99998 7.00005C2.94651 6.8912 2.92906
         6.76891 2.95004 6.65001C2.97102 6.53112 3.0294 6.42148 3.11714 6.33618C3.20487 6.25088 3.31765 6.19412 3.43994
         6.17373C3.56223 6.15333 3.68801 6.17029 3.79998 6.22228L5.77598 8.14339L12.6 1.55561C12.7119 1.50362 12.8377
         1.48666 12.96 1.50706C13.0823 1.52746 13.1951 1.58421 13.2828 1.66951C13.3706 1.75481 13.4289 1.86446 13.4499
         1.98335C13.4709 2.10224 13.4535 2.22453 13.4 2.33339L6.19998 9.33339C6.09792 9.44655 5.95433 9.51636 5.79998
-        9.52783Z`,opacity:n.opacity,fill:n.color},null,8,B)])):e.createCommentVNode("",!0),n.icon===e.unref(i).CHECK_CIRCLE?(e.openBlock(),e.createElementBlock("g",w,[e.createElementVNode("path",{d:`M5.81259 9.52305C5.66283 9.5116 5.52351 9.44194 5.42448 9.329L3.09584 7.00035C3.04396 6.89172 3.02703
+        9.52783Z`,opacity:n.opacity,fill:n.color},null,8,b)])):e.createCommentVNode("",!0),n.icon===e.unref(c).CHECK_CIRCLE?(e.openBlock(),e.createElementBlock("g",T,[e.createElementVNode("path",{d:`M5.81259 9.52305C5.66283 9.5116 5.52351 9.44194 5.42448 9.329L3.09584 7.00035C3.04396 6.89172 3.02703
         6.76967 3.04739 6.65102C3.06774 6.53236 3.12439 6.42294 3.20951 6.33781C3.29464 6.25268 3.40406 6.19604 3.52272
         6.17568C3.64137 6.15533 3.76342 6.17226 3.87205 6.22414L5.78931 8.14139L12.4104 1.56685C12.5191 1.51496
         12.6411 1.49804 12.7598 1.51839C12.8784 1.53875 12.9878 1.59539 13.073 1.68052C13.1581 1.76565 13.2147 1.87507
         13.2351 1.99373C13.2554 2.11238 13.2385 2.23443 13.1866 2.34306L6.2007 9.329C6.10168 9.44194 5.96236 9.5116
-        5.81259 9.52305Z`,opacity:n.opacity,fill:n.color},null,8,H),e.createElementVNode("path",{d:`M6.97692 13.9863C5.72836 13.9843 4.50314 13.6477 3.42878 13.0116C2.35443 12.3754 1.4702 11.4629 0.868111
+        5.81259 9.52305Z`,opacity:n.opacity,fill:n.color},null,8,O),e.createElementVNode("path",{d:`M6.97692 13.9863C5.72836 13.9843 4.50314 13.6477 3.42878 13.0116C2.35443 12.3754 1.4702 11.4629 0.868111
         10.3691C0.410442 9.5541 0.127583 8.65265 0.0375607 7.72225C-0.104502 6.35772 0.158347 4.98157 0.793319
         3.76546C1.42829 2.54935 2.40727 1.54712 3.60815 0.88379C4.42319 0.426122 5.32464 0.143263 6.25504
         0.0532404C7.18196 -0.0464659 8.11947 0.0433238 9.01061 0.317154C9.09014 0.333044 9.16547 0.365376 9.23178
@@ -71,4 +71,4 @@
         5.75148C13.6098 5.77504 13.6812 5.8135 13.7432 5.86468C13.8052 5.91585 13.8565 5.97874 13.8942 6.04974C13.9319
         6.12074 13.9552 6.19847 13.9629 6.27849C14.1042 7.64382 13.8402 9.02055 13.2038 10.2367C12.5674 11.4529 11.5868
         12.4547 10.3845 13.1169C9.5608 13.5933 8.64543 13.8896 7.6988 13.9863C7.45818 13.9863 7.20979 13.9863 6.97692
-        13.9863Z`,opacity:n.opacity,fill:n.color},null,8,V)])):e.createCommentVNode("",!0)],10,y))}});t.SvgIcon=N,t.Tag=h,t.WheelLoader=k,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+        13.9863Z`,opacity:n.opacity,fill:n.color},null,8,I)])):e.createCommentVNode("",!0)],10,S))}}),M="data:image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%205.27956C4.89473%205.27999%204.79042%205.26203%204.6932%205.22672C4.59597%205.19141%204.50778%205.13946%204.43381%205.07393L0.726854%201.80267C0.629223%201.67093%200.584973%201.51432%200.601198%201.35795C0.617422%201.20158%200.693182%201.0545%200.816333%200.940293C0.939485%200.826083%201.1029%200.751353%201.28038%200.728081C1.45786%200.704808%201.63913%200.734342%201.79514%200.811947L5%203.61589L8.20486%200.811947C8.36087%200.734342%208.54215%200.704808%208.71963%200.728081C8.89711%200.751353%209.06052%200.826083%209.18367%200.940293C9.30682%201.0545%209.38258%201.20158%209.39881%201.35795C9.41503%201.51432%209.37078%201.67093%209.27315%201.80267L5.53415%205.07393C5.39259%205.19957%205.20151%205.27312%205%205.27956Z'%20fill='white'%20fill-opacity='0.75'/%3e%3c/svg%3e",o={ONE_OF:1,MULTIPLE_VARIANTS:2,DRAGGABLE_ORDER:3,CHESS:4},p={[o.ONE_OF]:"One Of",[o.MULTIPLE_VARIANTS]:"Multiple Variants",[o.DRAGGABLE_ORDER]:"Draggable Order",[o.CHESS]:"Chess"},$={key:0,class:"flex items-center"},D={key:1},Z={key:0,ref:"question-type-select",class:"dropdown absolute left-0 bg-primary-blue bg-opacity-10 cursor-pointer text-white text-base text-opacity-90 rounded-lg p-0 overflow-hidden m-0"},x=["value","onClick"],G=f(e.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(i,{emit:n}){const l=i,t=n,C=[{value:o.ONE_OF,label:p[o.ONE_OF],icon:c.CHECK_CIRCLE},{value:o.MULTIPLE_VARIANTS,label:p[o.MULTIPLE_VARIANTS],icon:c.CHECK_SQUARE},{value:o.DRAGGABLE_ORDER,label:p[o.DRAGGABLE_ORDER],icon:c.LEFT_RIGHT_ARROW},{value:o.CHESS,label:p[o.CHESS],icon:c.CHESS}],s=e.ref(!1),m=e.ref(null),h=e.computed(()=>C.find(r=>r.value===l.modelValue)||null),U=()=>{s.value=!s.value},F=r=>{t("update:modelValue",r.value),s.value=!1},E=r=>{m.value&&!m.value.contains(r.target)&&(s.value=!1)};return e.onMounted(()=>{document.addEventListener("click",E)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",E)}),(r,K)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:m,class:"question-type-wrapper rounded-lg pr-2 relative text-white text-base text-opacity-90 font-poppins p-2 bg-primary-blue"},[e.createElementVNode("div",{class:"selected flex justify-between cursor-pointer w-full",onClick:U},[h.value?(e.openBlock(),e.createElementBlock("span",$,[e.createVNode(_,{icon:h.value.icon,class:"mr-2"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(h.value.label),1)])):(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString("Question type"))),e.createElementVNode("img",{src:M,class:e.normalizeClass(["arrow ease-in duration-300 pl-2 mr-1",{opened:s.value}]),alt:"arrow icon"},null,2)]),s.value?(e.openBlock(),e.createElementBlock("ul",Z,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(C,d=>e.createElementVNode("li",{key:d.value,value:d.value,class:"list-none w-full flex items-center p-3",onClick:W=>F(d)},[e.createVNode(_,{icon:d.icon,class:"mr-2"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(d.label),1)],8,x)),64))],512)):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-402b10f7"]]);a.QuestionTypeSelect=G,a.SvgIcon=_,a.Tag=B,a.WheelLoader=V,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watermelon-ui-kit",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "type": "module",
   "main": "./dist/watermelon-ui-kit.umd.ts",
   "module": "./dist/watermelon-ui-kit.es.ts",