@hotelinking/ui 1.2.5 → 1.5.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 (63) hide show
  1. package/README.md +7 -5
  2. package/dist/index.css +287 -2
  3. package/dist/ui.cjs10.js +1 -0
  4. package/dist/ui.cjs11.js +1 -0
  5. package/dist/ui.cjs12.js +1 -0
  6. package/dist/ui.cjs13.js +1 -0
  7. package/dist/ui.cjs14.js +4 -0
  8. package/dist/ui.cjs15.js +1 -0
  9. package/dist/ui.cjs16.js +1 -0
  10. package/dist/ui.cjs17.js +1 -0
  11. package/dist/ui.cjs18.js +1 -0
  12. package/dist/ui.cjs19.js +1 -0
  13. package/dist/ui.cjs2.js +1 -1
  14. package/dist/ui.cjs20.js +1 -0
  15. package/dist/ui.cjs21.js +1 -0
  16. package/dist/ui.cjs22.js +1 -0
  17. package/dist/ui.cjs23.js +1 -0
  18. package/dist/ui.cjs24.js +1 -0
  19. package/dist/ui.cjs25.js +1 -0
  20. package/dist/ui.cjs26.js +1 -0
  21. package/dist/ui.cjs27.js +1 -0
  22. package/dist/ui.cjs28.js +1 -0
  23. package/dist/ui.cjs29.js +1 -0
  24. package/dist/ui.cjs3.js +1 -1
  25. package/dist/ui.cjs30.js +1 -0
  26. package/dist/ui.cjs31.js +1 -0
  27. package/dist/ui.cjs4.js +1 -1
  28. package/dist/ui.cjs5.js +1 -0
  29. package/dist/ui.cjs6.js +1 -0
  30. package/dist/ui.cjs7.js +1 -0
  31. package/dist/ui.cjs8.js +1 -0
  32. package/dist/ui.cjs9.js +1 -0
  33. package/dist/ui.es10.js +20 -0
  34. package/dist/ui.es11.js +20 -0
  35. package/dist/ui.es12.js +20 -0
  36. package/dist/ui.es13.js +20 -0
  37. package/dist/ui.es14.js +84 -0
  38. package/dist/ui.es15.js +10 -0
  39. package/dist/ui.es16.js +4 -0
  40. package/dist/ui.es17.js +36 -0
  41. package/dist/ui.es18.js +7 -0
  42. package/dist/ui.es19.js +18 -0
  43. package/dist/ui.es2.js +9 -3
  44. package/dist/ui.es20.js +14 -0
  45. package/dist/ui.es21.js +11 -0
  46. package/dist/ui.es22.js +21 -0
  47. package/dist/ui.es23.js +104 -0
  48. package/dist/ui.es24.js +35 -0
  49. package/dist/ui.es25.js +16 -0
  50. package/dist/ui.es26.js +19 -0
  51. package/dist/ui.es27.js +17 -0
  52. package/dist/ui.es28.js +10 -0
  53. package/dist/ui.es29.js +10 -0
  54. package/dist/ui.es3.js +30 -8
  55. package/dist/ui.es30.js +28 -0
  56. package/dist/ui.es31.js +34 -0
  57. package/dist/ui.es4.js +26 -8
  58. package/dist/ui.es5.js +56 -0
  59. package/dist/ui.es6.js +100 -0
  60. package/dist/ui.es7.js +168 -0
  61. package/dist/ui.es8.js +205 -0
  62. package/dist/ui.es9.js +20 -0
  63. package/package.json +27 -4
package/README.md CHANGED
@@ -1,7 +1,9 @@
1
- # Vue 3 + Vite
1
+ cambios:
2
+ - los iconos ahora aceptan directamente el icono, no un texto del icono
3
+ - Afecta a:
4
+ Botones
5
+ Iconos
2
6
 
3
- This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
7
+ - Dropdown ahora tiene un label en vez de un slot
8
+ - Input el evento ha cambiado a camelCase, los iconos se tienen que importar como componentes
4
9
 
5
- ## Recommended IDE Setup
6
-
7
- - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
package/dist/index.css CHANGED
@@ -648,6 +648,61 @@ select{
648
648
  --tw-backdrop-saturate: ;
649
649
  --tw-backdrop-sepia: ;
650
650
  }
651
+ .pointer-events-none{
652
+ pointer-events: none;
653
+ }
654
+ .absolute{
655
+ position: absolute;
656
+ }
657
+ .relative{
658
+ position: relative;
659
+ }
660
+ .inset-y-0{
661
+ top: 0px;
662
+ bottom: 0px;
663
+ }
664
+ .left-0{
665
+ left: 0px;
666
+ }
667
+ .right-0{
668
+ right: 0px;
669
+ }
670
+ .z-10{
671
+ z-index: 10;
672
+ }
673
+ .-ml-0{
674
+ margin-left: -0px;
675
+ }
676
+ .-ml-0\.5{
677
+ margin-left: -0.125rem;
678
+ }
679
+ .-mr-1{
680
+ margin-right: -0.25rem;
681
+ }
682
+ .ml-2{
683
+ margin-left: 0.5rem;
684
+ }
685
+ .ml-3{
686
+ margin-left: 0.75rem;
687
+ }
688
+ .mr-2{
689
+ margin-right: 0.5rem;
690
+ }
691
+ .mt-1{
692
+ margin-top: 0.25rem;
693
+ }
694
+ .mt-2{
695
+ margin-top: 0.5rem;
696
+ }
697
+ .block{
698
+ display: block;
699
+ }
700
+ .inline-block{
701
+ display: inline-block;
702
+ }
703
+ .flex{
704
+ display: flex;
705
+ }
651
706
  .inline-flex{
652
707
  display: inline-flex;
653
708
  }
@@ -660,6 +715,9 @@ select{
660
715
  .h-4{
661
716
  height: 1rem;
662
717
  }
718
+ .h-5{
719
+ height: 1.25rem;
720
+ }
663
721
  .h-6{
664
722
  height: 1.5rem;
665
723
  }
@@ -672,28 +730,110 @@ select{
672
730
  .w-4{
673
731
  width: 1rem;
674
732
  }
733
+ .w-5{
734
+ width: 1.25rem;
735
+ }
736
+ .w-56{
737
+ width: 14rem;
738
+ }
675
739
  .w-6{
676
740
  width: 1.5rem;
677
741
  }
742
+ .w-full{
743
+ width: 100%;
744
+ }
745
+ .origin-top-right{
746
+ transform-origin: top right;
747
+ }
748
+ .scale-100{
749
+ --tw-scale-x: 1;
750
+ --tw-scale-y: 1;
751
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
752
+ }
753
+ .scale-95{
754
+ --tw-scale-x: .95;
755
+ --tw-scale-y: .95;
756
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
757
+ }
758
+ .transform{
759
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
760
+ }
761
+ .cursor-pointer{
762
+ cursor: pointer;
763
+ }
764
+ .flex-row{
765
+ flex-direction: row;
766
+ }
767
+ .items-start{
768
+ align-items: flex-start;
769
+ }
678
770
  .items-center{
679
771
  align-items: center;
680
772
  }
773
+ .justify-center{
774
+ justify-content: center;
775
+ }
776
+ .justify-between{
777
+ justify-content: space-between;
778
+ }
779
+ .justify-self-end{
780
+ justify-self: end;
781
+ }
681
782
  .rounded{
682
783
  border-radius: 0.25rem;
683
784
  }
684
785
  .rounded-md{
685
786
  border-radius: 0.375rem;
686
787
  }
788
+ .rounded-l-md{
789
+ border-top-left-radius: 0.375rem;
790
+ border-bottom-left-radius: 0.375rem;
791
+ }
792
+ .rounded-r-md{
793
+ border-top-right-radius: 0.375rem;
794
+ border-bottom-right-radius: 0.375rem;
795
+ }
687
796
  .border{
688
797
  border-width: 1px;
689
798
  }
799
+ .border-r-0{
800
+ border-right-width: 0px;
801
+ }
802
+ .border-gray-300{
803
+ --tw-border-opacity: 1;
804
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
805
+ }
806
+ .border-green-400{
807
+ --tw-border-opacity: 1;
808
+ border-color: rgb(74 222 128 / var(--tw-border-opacity));
809
+ }
810
+ .border-red-300{
811
+ --tw-border-opacity: 1;
812
+ border-color: rgb(252 165 165 / var(--tw-border-opacity));
813
+ }
690
814
  .border-transparent{
691
815
  border-color: transparent;
692
816
  }
817
+ .border-yellow-400{
818
+ --tw-border-opacity: 1;
819
+ border-color: rgb(250 204 21 / var(--tw-border-opacity));
820
+ }
693
821
  .bg-cyan-300{
694
822
  --tw-bg-opacity: 1;
695
823
  background-color: rgb(103 232 249 / var(--tw-bg-opacity));
696
824
  }
825
+ .bg-cyan-500{
826
+ --tw-bg-opacity: 1;
827
+ background-color: rgb(6 182 212 / var(--tw-bg-opacity));
828
+ }
829
+ .bg-gray-100{
830
+ --tw-bg-opacity: 1;
831
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
832
+ }
833
+ .bg-gray-50{
834
+ --tw-bg-opacity: 1;
835
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
836
+ }
697
837
  .bg-green-400{
698
838
  --tw-bg-opacity: 1;
699
839
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
@@ -718,6 +858,10 @@ select{
718
858
  --tw-bg-opacity: 1;
719
859
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
720
860
  }
861
+ .bg-white{
862
+ --tw-bg-opacity: 1;
863
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
864
+ }
721
865
  .bg-yellow-400{
722
866
  --tw-bg-opacity: 1;
723
867
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
@@ -734,6 +878,10 @@ select{
734
878
  padding-left: 0.625rem;
735
879
  padding-right: 0.625rem;
736
880
  }
881
+ .px-3{
882
+ padding-left: 0.75rem;
883
+ padding-right: 0.75rem;
884
+ }
737
885
  .px-4{
738
886
  padding-left: 1rem;
739
887
  padding-right: 1rem;
@@ -758,6 +906,21 @@ select{
758
906
  padding-top: 0.75rem;
759
907
  padding-bottom: 0.75rem;
760
908
  }
909
+ .pb-4{
910
+ padding-bottom: 1rem;
911
+ }
912
+ .pb-40{
913
+ padding-bottom: 10rem;
914
+ }
915
+ .pr-3{
916
+ padding-right: 0.75rem;
917
+ }
918
+ .text-left{
919
+ text-align: left;
920
+ }
921
+ .text-\[10px\]{
922
+ font-size: 10px;
923
+ }
761
924
  .text-base{
762
925
  font-size: 1rem;
763
926
  line-height: 1.5rem;
@@ -773,21 +936,125 @@ select{
773
936
  .font-medium{
774
937
  font-weight: 500;
775
938
  }
939
+ .uppercase{
940
+ text-transform: uppercase;
941
+ }
776
942
  .leading-none{
777
943
  line-height: 1;
778
944
  }
945
+ .text-black{
946
+ --tw-text-opacity: 1;
947
+ color: rgb(0 0 0 / var(--tw-text-opacity));
948
+ }
949
+ .text-cyan-300{
950
+ --tw-text-opacity: 1;
951
+ color: rgb(103 232 249 / var(--tw-text-opacity));
952
+ }
953
+ .text-gray-300{
954
+ --tw-text-opacity: 1;
955
+ color: rgb(209 213 219 / var(--tw-text-opacity));
956
+ }
957
+ .text-gray-500{
958
+ --tw-text-opacity: 1;
959
+ color: rgb(107 114 128 / var(--tw-text-opacity));
960
+ }
961
+ .text-gray-700{
962
+ --tw-text-opacity: 1;
963
+ color: rgb(55 65 81 / var(--tw-text-opacity));
964
+ }
965
+ .text-gray-900{
966
+ --tw-text-opacity: 1;
967
+ color: rgb(17 24 39 / var(--tw-text-opacity));
968
+ }
969
+ .text-green-400{
970
+ --tw-text-opacity: 1;
971
+ color: rgb(74 222 128 / var(--tw-text-opacity));
972
+ }
973
+ .text-indigo-600{
974
+ --tw-text-opacity: 1;
975
+ color: rgb(79 70 229 / var(--tw-text-opacity));
976
+ }
977
+ .text-red-300{
978
+ --tw-text-opacity: 1;
979
+ color: rgb(252 165 165 / var(--tw-text-opacity));
980
+ }
981
+ .text-red-400{
982
+ --tw-text-opacity: 1;
983
+ color: rgb(248 113 113 / var(--tw-text-opacity));
984
+ }
779
985
  .text-white{
780
986
  --tw-text-opacity: 1;
781
987
  color: rgb(255 255 255 / var(--tw-text-opacity));
782
988
  }
989
+ .text-yellow-400{
990
+ --tw-text-opacity: 1;
991
+ color: rgb(250 204 21 / var(--tw-text-opacity));
992
+ }
993
+ .placeholder-gray-300::-moz-placeholder{
994
+ --tw-placeholder-opacity: 1;
995
+ color: rgb(209 213 219 / var(--tw-placeholder-opacity));
996
+ }
997
+ .placeholder-gray-300::placeholder{
998
+ --tw-placeholder-opacity: 1;
999
+ color: rgb(209 213 219 / var(--tw-placeholder-opacity));
1000
+ }
1001
+ .opacity-0{
1002
+ opacity: 0;
1003
+ }
1004
+ .opacity-100{
1005
+ opacity: 1;
1006
+ }
1007
+ .opacity-25{
1008
+ opacity: 0.25;
1009
+ }
1010
+ .shadow-lg{
1011
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1012
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1013
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1014
+ }
783
1015
  .shadow-sm{
784
1016
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
785
1017
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
786
1018
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
787
1019
  }
788
- .hover\:bg-cyan-300:hover{
1020
+ .ring-1{
1021
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1022
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1023
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1024
+ }
1025
+ .ring-black{
1026
+ --tw-ring-opacity: 1;
1027
+ --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
1028
+ }
1029
+ .ring-opacity-5{
1030
+ --tw-ring-opacity: 0.05;
1031
+ }
1032
+ .transition{
1033
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1034
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1035
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1036
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1037
+ transition-duration: 150ms;
1038
+ }
1039
+ .duration-100{
1040
+ transition-duration: 100ms;
1041
+ }
1042
+ .duration-75{
1043
+ transition-duration: 75ms;
1044
+ }
1045
+ .ease-in{
1046
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1047
+ }
1048
+ .ease-out{
1049
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1050
+ }
1051
+ .hover\:bg-cyan-500:hover{
789
1052
  --tw-bg-opacity: 1;
790
- background-color: rgb(103 232 249 / var(--tw-bg-opacity));
1053
+ background-color: rgb(6 182 212 / var(--tw-bg-opacity));
1054
+ }
1055
+ .hover\:bg-gray-50:hover{
1056
+ --tw-bg-opacity: 1;
1057
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
791
1058
  }
792
1059
  .hover\:bg-green-600:hover{
793
1060
  --tw-bg-opacity: 1;
@@ -805,6 +1072,10 @@ select{
805
1072
  --tw-bg-opacity: 1;
806
1073
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
807
1074
  }
1075
+ .focus\:border-indigo-500:focus{
1076
+ --tw-border-opacity: 1;
1077
+ border-color: rgb(99 102 241 / var(--tw-border-opacity));
1078
+ }
808
1079
  .focus\:outline-none:focus{
809
1080
  outline: 2px solid transparent;
810
1081
  outline-offset: 2px;
@@ -814,9 +1085,23 @@ select{
814
1085
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
815
1086
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
816
1087
  }
1088
+ .focus\:ring-indigo-500:focus{
1089
+ --tw-ring-opacity: 1;
1090
+ --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
1091
+ }
817
1092
  .focus\:ring-offset-2:focus{
818
1093
  --tw-ring-offset-width: 2px;
819
1094
  }
1095
+ .focus\:ring-offset-gray-100:focus{
1096
+ --tw-ring-offset-color: #f3f4f6;
1097
+ }
820
1098
  .disabled\:opacity-25:disabled{
821
1099
  opacity: 0.25;
1100
+ }
1101
+ @media (min-width: 640px){
1102
+
1103
+ .sm\:text-sm{
1104
+ font-size: 0.875rem;
1105
+ line-height: 1.25rem;
1106
+ }
822
1107
  }
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");function t(r,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})])}exports.default=t;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");function t(r,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"})])}exports.default=t;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");function t(r,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"})])}exports.default=t;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");function t(r,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})])}exports.default=t;
@@ -0,0 +1,4 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("vue"),P=require("./ui.cjs21.js");var j=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(j||{}),O=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(O||{});function H({visible:e=!0,features:t=0,ourProps:o,theirProps:n,...r}){var s;let i=w(n,o),u=Object.assign(r,{props:i});if(e||t&2&&i.static)return y(u);if(t&1){let f=(s=i.unmount)==null||s?0:1;return P.match(f,{[0](){return null},[1](){return y({...r,props:{...i,hidden:!0,style:{display:"none"}}})}})}return y(u)}function y({props:e,attrs:t,slots:o,slot:n,name:r}){var s,i;let{as:u,...f}=S(e,["unmount","static"]),l=(s=o.default)==null?void 0:s.call(o,n),b={};if(n){let c=!1,h=[];for(let[d,p]of Object.entries(n))typeof p=="boolean"&&(c=!0),p===!0&&h.push(d);c&&(b["data-headlessui-state"]=h.join(" "))}if(u==="template"){if(l=v(l??[]),Object.keys(f).length>0||Object.keys(t).length>0){let[c,...h]=l??[];if(!N(c)||h.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${r} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(f).concat(Object.keys(t)).map(a=>a.trim()).filter((a,m,k)=>k.indexOf(a)===m).sort((a,m)=>a.localeCompare(m)).map(a=>` - ${a}`).join(`
2
+ `),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map(a=>` - ${a}`).join(`
3
+ `)].join(`
4
+ `));let d=w((i=c.props)!=null?i:{},f),p=g.cloneVNode(c,d);for(let a in d)a.startsWith("on")&&(p.props||(p.props={}),p.props[a]=d[a]);return p}return Array.isArray(l)&&l.length===1?l[0]:l}return g.h(u,Object.assign({},f,b),{default:()=>l})}function v(e){return e.flatMap(t=>t.type===g.Fragment?v(t.children):[t])}function w(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},o={};for(let n of e)for(let r in n)r.startsWith("on")&&typeof n[r]=="function"?(o[r]!=null||(o[r]=[]),o[r].push(n[r])):t[r]=n[r];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(o).map(n=>[n,void 0])));for(let n in o)Object.assign(t,{[n](r,...s){let i=o[n];for(let u of i){if(r instanceof Event&&r.defaultPrevented)return;u(r,...s)}}});return t}function S(e,t=[]){let o=Object.assign({},e);for(let n of t)n in o&&delete o[n];return o}function N(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}exports.Features=j;exports.RenderStrategy=O;exports.omit=S;exports.render=H;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=0;function t(){return++e}function n(){return t()}exports.useId=n;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(o||{});exports.Keys=o;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e){throw new Error("Unexpected object: "+e)}var d=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(d||{});function v(e,l){let r=l.resolveItems();if(r.length<=0)return null;let i=l.resolveActiveIndex(),n=i??-1,c=(()=>{switch(e.focus){case 0:return r.findIndex(t=>!l.resolveDisabled(t));case 1:{let t=r.slice().reverse().findIndex((s,o,u)=>n!==-1&&u.length-o-1>=n?!1:!l.resolveDisabled(s));return t===-1?t:r.length-1-t}case 2:return r.findIndex((t,s)=>s<=n?!1:!l.resolveDisabled(t));case 3:{let t=r.slice().reverse().findIndex(s=>!l.resolveDisabled(s));return t===-1?t:r.length-1-t}case 4:return r.findIndex(t=>l.resolveId(t)===e.id);case 5:return null;default:a(e)}})();return c===-1?i:c}exports.Focus=d;exports.calculateActiveIndex=v;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(l){var e;return l==null||l.value==null?null:(e=l.value.$el)!=null?e:l.value}exports.dom=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),d=require("./ui.cjs27.js");function f({container:e,accept:r,walk:a,enabled:t}){i.watchEffect(()=>{let n=e.value;if(!n||t!==void 0&&!t.value)return;let c=d.getOwnerDocument(e);if(!c)return;let l=Object.assign(u=>r(u),{acceptNode:r}),o=c.createTreeWalker(n,NodeFilter.SHOW_ELEMENT,l,!1);for(;o.nextNode();)a(o.currentNode)})}exports.useTreeWalker=f;
package/dist/ui.cjs2.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ui.cjs3.js"),t=require("./ui.cjs4.js"),u={uiButton:e.default,uiIcon:t.default};exports.default=u;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ui.cjs3.js"),u=require("./ui.cjs4.js"),t=require("./ui.cjs5.js"),o=require("./ui.cjs6.js"),i=require("./ui.cjs7.js"),n={uiButton:e.default,uiIcon:u.default,uiCheckbox:t.default,uiDropdown:o.default,uiInput:i.default};exports.default=n;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");let o=Symbol("Context");var t=(n=>(n[n.Open=1]="Open",n[n.Closed=2]="Closed",n[n.Closing=4]="Closing",n[n.Opening=8]="Opening",n))(t||{});function l(){return e.inject(o,null)}function i(n){e.provide(o,n)}exports.State=t;exports.useOpenClosed=l;exports.useOpenClosedProvider=i;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(r,t,...o){if(r in t){let e=t[r];return typeof e=="function"?e(...o):e}let n=new Error(`Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(e=>`"${e}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,a),n}exports.match=a;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),o=require("./ui.cjs18.js");function l(e,u){if(e)return e;let t=u??"button";if(typeof t=="string"&&t.toLowerCase()==="button")return"button"}function a(e,u){let t=n.ref(l(e.value.type,e.value.as));return n.onMounted(()=>{t.value=l(e.value.type,e.value.as)}),n.watchEffect(()=>{var r;t.value||o.dom(u)&&o.dom(u)instanceof HTMLButtonElement&&!((r=o.dom(u))!=null&&r.hasAttribute("type"))&&(t.value="button")}),t}exports.useResolveButtonType=a;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),g=require("./ui.cjs21.js"),v=require("./ui.cjs27.js");let m=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var E=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(E||{}),F=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(F||{}),I=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(I||{});function f(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(m)).sort((t,r)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(r.tabIndex||Number.MAX_SAFE_INTEGER)))}var b=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(b||{});function N(e,t=0){var r;return e===((r=v.getOwnerDocument(e))==null?void 0:r.body)?!1:g.match(t,{[0](){return e.matches(m)},[1](){let n=e;for(;n!==null;){if(n.matches(m))return!0;n=n.parentElement}return!1}})}function M(e){let t=v.getOwnerDocument(e);p.nextTick(()=>{t&&!N(t.activeElement,0)&&h(e)})}var A=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(A||{});typeof window<"u"&&typeof document<"u"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));function h(e){e==null||e.focus({preventScroll:!0})}let P=["textarea","input"].join(",");function L(e){var t,r;return(r=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,P))!=null?r:!1}function y(e,t=r=>r){return e.slice().sort((r,n)=>{let i=t(r),s=t(n);if(i===null||s===null)return 0;let c=i.compareDocumentPosition(s);return c&Node.DOCUMENT_POSITION_FOLLOWING?-1:c&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function T(e,t){return w(f(),t,{relativeTo:e})}function w(e,t,{sorted:r=!0,relativeTo:n=null,skipElements:i=[]}={}){var s;let c=(s=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e==null?void 0:e.ownerDocument)!=null?s:document,o=Array.isArray(e)?r?y(e):e:f(e);i.length>0&&o.length>1&&(o=o.filter(u=>!i.includes(u))),n=n??c.activeElement;let x=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),O=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,o.indexOf(n))-1;if(t&4)return Math.max(0,o.indexOf(n))+1;if(t&8)return o.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),S=t&32?{preventScroll:!0}:{},d=0,a=o.length,l;do{if(d>=a||d+a<=0)return 0;let u=O+d;if(t&16)u=(u+a)%a;else{if(u<0)return 3;if(u>=a)return 1}l=o[u],l==null||l.focus(S),d+=x}while(l!==c.activeElement);return t&6&&L(l)&&l.select(),2}exports.Focus=E;exports.FocusResult=F;exports.FocusableMode=b;exports.focusElement=h;exports.focusFrom=T;exports.focusIn=w;exports.getFocusableElements=f;exports.isFocusableElement=N;exports.restoreFocusIfNecessary=M;exports.sortByDomNode=y;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),a=require("./ui.cjs23.js"),f=require("./ui.cjs18.js"),s=require("./ui.cjs28.js"),E=require("./ui.cjs29.js");function p(d,m,c=r.computed(()=>!0)){function i(e,l){if(!c.value||e.defaultPrevented)return;let n=l(e);if(n===null||!n.getRootNode().contains(n))return;let v=function o(t){return typeof t=="function"?o(t()):Array.isArray(t)||t instanceof Set?t:[t]}(d);for(let o of v){if(o===null)continue;let t=o instanceof HTMLElement?o:f.dom(o);if(t!=null&&t.contains(n)||e.composed&&e.composedPath().includes(t))return}return!a.isFocusableElement(n,a.FocusableMode.Loose)&&n.tabIndex!==-1&&e.preventDefault(),m(e,n)}let u=r.ref(null);s.useDocumentEvent("mousedown",e=>{var l,n;c.value&&(u.value=((n=(l=e.composedPath)==null?void 0:l.call(e))==null?void 0:n[0])||e.target)},!0),s.useDocumentEvent("click",e=>{u.value&&(i(e,()=>u.value),u.value=null)},!0),E.useWindowEvent("blur",e=>i(e,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}exports.useOutsideClick=p;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");function u(e){return[e.screenX,e.screenY]}function a(){let e=n.ref([-1,-1]);return{wasMoved(r){let t=u(r);return e.value[0]===t[0]&&e.value[1]===t[1]?!1:(e.value=t,!0)},update(r){e.value=u(r)}}}exports.useTrackedPointer=a;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=require("./ui.cjs31.js"),a=require("./ui.cjs18.js");function s(o){let t=n.ref(""),r=n.ref("");return()=>{let e=a.dom(o);if(!e)return"";let u=e.innerText;if(t.value===u)return r.value;let l=i.getTextValue(e).trim().toLowerCase();return t.value=u,r.value=l,l}}exports.useTextValue=s;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ui.cjs18.js"),r=require("./ui.cjs30.js");function o(e){if(r.env.isServer)return null;if(e instanceof Node)return e.ownerDocument;if(e!=null&&e.hasOwnProperty("value")){let n=t.dom(e);if(n)return n.ownerDocument}return document}exports.getOwnerDocument=o;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),o=require("./ui.cjs30.js");function c(e,t,n){o.env.isServer||u.watchEffect(r=>{document.addEventListener(e,t,n),r(()=>document.removeEventListener(e,t,n))})}exports.useDocumentEvent=c;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),o=require("./ui.cjs30.js");function v(e,n,t){o.env.isServer||i.watchEffect(r=>{window.addEventListener(e,n,t),r(()=>window.removeEventListener(e,n,t))})}exports.useWindowEvent=v;
package/dist/ui.cjs3.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),n=["disabled"],r={name:"uiButton"},l=Object.assign(r,{props:{color:{type:String,default:"primary"},size:{type:String,default:"normal"},icon:{type:String},disabled:{type:Boolean,default:!1}},setup(e){return(o,d)=>(t.openBlock(),t.createElementBlock("button",{disabled:e.disabled,class:t.normalizeClass([{"bg-indigo-600 hover:bg-indigo-800":e.color==="primary","bg-secondary hover:bg-cyan-300":e.color==="secondary","bg-red-400 hover:bg-red-600":e.color==="red","bg-yellow-400 hover:bg-yellow-600":e.color==="yellow","bg-green-400 hover:bg-green-600":e.color==="green","px-4 py-2 text-sm rounded-md":e.size==="normal","px-2.5 py-1.5 text-xs rounded leading-none":e.size==="small","px-6 py-3 text-base rounded-md":e.size==="large"},"inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),type:"button"},[t.renderSlot(o.$slots,"default")],10,n))}});exports.default=l;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),n=require("./ui.cjs4.js"),l=["disabled"],r={name:"uiButton"},i=Object.assign(r,{props:{color:{type:String,default:"primary"},size:{type:String,default:"normal"},icon:{type:Function,default:()=>{}},disabled:{type:Boolean,default:!1}},setup(e){return(t,d)=>(o.openBlock(),o.createElementBlock("button",{disabled:e.disabled,class:o.normalizeClass([{"bg-indigo-600 hover:bg-indigo-800":e.color==="primary","bg-cyan-300 hover:bg-cyan-500":e.color==="secondary","bg-red-400 hover:bg-red-600":e.color==="red","bg-yellow-400 hover:bg-yellow-600":e.color==="yellow","bg-green-400 hover:bg-green-600":e.color==="green","px-4 py-2 text-sm rounded-md":e.size==="normal","px-2.5 py-1.5 text-xs rounded leading-none":e.size==="small","px-6 py-3 text-base rounded-md":e.size==="large"},"inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),type:"button"},[o.createVNode(n.default,{icon:e.icon,color:"white",class:"-ml-0.5 mr-2"},null,8,["icon"]),o.renderSlot(t.$slots,"default")],10,l))}});exports.default=i;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var i=Object.defineProperty,s=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,n=(t,e,r)=>(s(t,typeof e!="symbol"?e+"":e,r),r);class c{constructor(){n(this,"current",this.detect()),n(this,"currentId",0)}set(e){this.current!==e&&(this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}}let u=new c;exports.env=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let o=/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;function a(t){var l,u;let n=(l=t.innerText)!=null?l:"",i=t.cloneNode(!0);if(!(i instanceof HTMLElement))return n;let r=!1;for(let f of i.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))f.remove(),r=!0;let e=r?(u=i.innerText)!=null?u:"":n;return o.test(e)&&(e=e.replace(o,"")),e}function F(t){let l=t.getAttribute("aria-label");if(typeof l=="string")return l.trim();let u=t.getAttribute("aria-labelledby");if(u){let n=u.split(" ").map(i=>{let r=document.getElementById(i);if(r){let e=r.getAttribute("aria-label");return typeof e=="string"?e.trim():a(r).trim()}return null}).filter(Boolean);if(n.length>0)return n.join(", ")}return a(t).trim()}exports.getTextValue=F;
package/dist/ui.cjs4.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),n={name:"uiIcon"},s=Object.assign(n,{props:{name:{type:Function,required:!0},size:{type:String,default:"normal"}},setup(e){return(a,i)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.name),{class:t.normalizeClass({"h-4 w-4":e.size==="normal","h-6 w-6":e.size==="big","h-12 w-12":e.size==="huge","h-20 w-20":e.size==="massive"})},null,8,["class"]))}});exports.default=s;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l={name:"uiIcon"},c=Object.assign(l,{props:{icon:{type:Function,required:!0},size:{type:String,default:"normal"},color:{type:String,default:"primary"}},setup(e){return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.icon),{class:t.normalizeClass({"h-4 w-4":e.size==="normal","h-6 w-6":e.size==="big","h-12 w-12":e.size==="huge","h-20 w-20":e.size==="massive","text-indigo-600":e.color==="primary","text-cyan-300":e.color==="secondary","text-red-400":e.color==="red","text-yellow-400":e.color==="yellow","text-green-400":e.color==="green","text-white":e.color==="white","text-gray-300":e.color==="gray","text-black":e.color==="black"})},null,8,["class"]))}});exports.default=c;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n={class:"relative flex items-start"},i={class:"flex items-center h-5"},u=["checked","value","disabled"],r={class:"ml-3 text-sm"},h={class:"text-gray-500"},v={name:"uiCheckbox"},b=Object.assign(v,{props:{disabled:{type:Boolean,default:!1},value:{type:String},check:{type:Boolean,default:!1}},emits:["checkboxChanged"],setup(t,{emit:a}){const s=t,l=e.ref(s.check),d=()=>{s.disabled||(l.value=!l.value,a("checkboxChanged",{checked:l.value,value:s.value}))};return(o,c)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",i,[e.createElementVNode("input",{checked:t.check,value:t.value,disabled:t.disabled,class:"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25",type:"checkbox",onChange:c[0]||(c[0]=f=>d())},null,40,u)]),e.createElementVNode("div",r,[e.createElementVNode("span",h,[e.renderSlot(o.$slots,"default")])])]))}});exports.default=b;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./ui.cjs8.js"),d=require("./ui.cjs9.js"),f={class:"py-1"},m=["onClick"],g={name:"uiDropdown"},y=Object.assign(g,{props:{items:{type:Array,required:!0},position:{type:String,default:"left"},disabled:Boolean,label:{type:String,required:!0}},emits:["optionSelected"],setup(t,{emit:s}){const r=t,l=e.computed(()=>{let n=r.items.find(i=>i.active===!0);return n?n.name:r.label}),c=n=>{r.disabled||s("optionSelected",n.value)};return(n,i)=>(e.openBlock(),e.createBlock(e.unref(o.Menu),{as:"div",class:e.normalizeClass(["relative inline-block text-left",{"opacity-25":t.disabled}])},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(o.MenuButton),{class:"inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value)+" ",1),e.createVNode(e.unref(d.default),{"aria-hidden":"true",class:"-mr-1 ml-2 h-5 w-5"})]),_:1})]),e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(o.MenuItems),{key:0,class:e.normalizeClass([{"right-0":t.position==="right","left-0":t.position==="left"},"origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])},{default:e.withCtx(()=>[e.createElementVNode("div",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(a,u)=>(e.openBlock(),e.createBlock(e.unref(o.MenuItem),{key:u},{default:e.withCtx(()=>[e.createElementVNode("a",{onClick:p=>c(a),class:e.normalizeClass([a.active?"bg-gray-100 text-gray-900":"text-gray-700","block px-4 py-2 text-sm cursor-pointer"])},e.toDisplayString(a.name),11,m)]),_:2},1024))),128))])]),_:1},8,["class"]))]),_:1})]),_:1},8,["class"]))}});exports.default=y;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./ui.cjs4.js"),u=require("./ui.cjs10.js"),s=require("./ui.cjs11.js"),g=require("./ui.cjs12.js"),m=require("./ui.cjs13.js"),f={class:"flex justify-between"},y={key:0,class:"block text-sm font-medium text-gray-700"},x={key:1,class:"text-[10px] text-gray-500 uppercase justify-self-end"},b={key:0,class:"inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm"},h=["disabled","name","placeholder","type"],v={key:1,class:"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"},w={name:"uiInput"},S=Object.assign(w,{props:{label:String,type:{type:String,default:"text"},name:String,placeholder:{type:String,default:"..."},icon:{type:Function,default:()=>{}},disabled:Boolean,color:{type:String,default:"gray"},value:{type:String,default:""},error:String,optional:String,addOn:String},emits:["inputChanged"],setup(t,{emit:c}){const a=t,i=n=>{c("inputChanged",{value:n.target.value,name:n.target.name})},o=e.ref(a.value);return(n,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",f,[t.label?(e.openBlock(),e.createElementBlock("label",y,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),t.optional?(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(t.optional),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass([{"mt-1":t.label},"relative flex"])},[t.addOn?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(t.addOn),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=d=>o.value=d),class:e.normalizeClass([{"border-gray-300":t.color!=="danger"||t.color!=="warning"||t.color!=="success","border-red-300":t.color==="danger","border-yellow-400":t.color==="warning","border-green-400":t.color==="success","bg-gray-100":t.disabled,"text-black":t.color!=="danger"||t.color!=="warning"||t.color!=="success","text-red-300":t.color==="danger","text-yellow-400":t.color==="warning","text-green-400":t.color==="success","rounded-md":!t.addOn,"rounded-r-md":t.addOn},"shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]),disabled:t.disabled,name:t.name,placeholder:t.placeholder,type:t.type,onInput:i},null,42,h),[[e.vModelDynamic,o.value]]),t.icon?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(l.default,{icon:t.icon,color:t.color},null,8,["icon","color"]),e.withDirectives(e.createVNode(l.default,{icon:e.unref(u.default),color:"green"},null,8,["icon"]),[[e.vShow,t.color==="success"]]),e.withDirectives(e.createVNode(l.default,{icon:e.unref(s.default),color:"yellow"},null,8,["icon"]),[[e.vShow,t.color==="warning"]]),e.withDirectives(e.createVNode(l.default,{icon:e.unref(g.default),color:"red"},null,8,["icon"]),[[e.vShow,t.color==="danger"]])])):e.createCommentVNode("",!0)],2),e.withDirectives(e.createElementVNode("p",{class:e.normalizeClass([{"text-gray-300":t.color!=="danger"||t.color!=="warning"||t.color!=="success","text-red-300":t.color==="danger","text-yellow-400":t.color==="warning","text-green-400":t.color==="success"},"mt-2 text-xs flex flex-row items-center"])},[e.createVNode(l.default,{icon:e.unref(m.default),color:"red",class:"mr-2"},null,8,["icon"]),e.createTextVNode(e.toDisplayString(t.error),1)],2),[[e.vShow,t.error]])]))}});exports.default=S;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),T=require("./ui.cjs14.js"),h=require("./ui.cjs15.js"),d=require("./ui.cjs16.js"),I=require("./ui.cjs17.js"),m=require("./ui.cjs18.js"),K=require("./ui.cjs19.js"),R=require("./ui.cjs20.js"),w=require("./ui.cjs21.js"),D=require("./ui.cjs22.js"),S=require("./ui.cjs23.js"),C=require("./ui.cjs24.js"),O=require("./ui.cjs25.js"),q=require("./ui.cjs26.js");var A=(n=>(n[n.Open=0]="Open",n[n.Closed=1]="Closed",n))(A||{}),E=(n=>(n[n.Pointer=0]="Pointer",n[n.Other=1]="Other",n))(E||{});function B(n){requestAnimationFrame(()=>requestAnimationFrame(n))}let P=Symbol("MenuContext");function k(n){let g=u.inject(P,null);if(g===null){let M=new Error(`<${n} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(M,k),M}return g}let N=u.defineComponent({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup(n,{slots:g,attrs:M}){let b=u.ref(1),e=u.ref(null),v=u.ref(null),i=u.ref([]),y=u.ref(""),c=u.ref(null),r=u.ref(1);function t(a=l=>l){let l=c.value!==null?i.value[c.value]:null,s=S.sortByDomNode(a(i.value.slice()),f=>m.dom(f.dataRef.domRef)),o=l?s.indexOf(l):null;return o===-1&&(o=null),{items:s,activeItemIndex:o}}let p={menuState:b,buttonRef:e,itemsRef:v,items:i,searchQuery:y,activeItemIndex:c,activationTrigger:r,closeMenu:()=>{b.value=1,c.value=null},openMenu:()=>b.value=0,goToItem(a,l,s){let o=t(),f=I.calculateActiveIndex(a===I.Focus.Specific?{focus:I.Focus.Specific,id:l}:{focus:a},{resolveItems:()=>o.items,resolveActiveIndex:()=>o.activeItemIndex,resolveId:x=>x.id,resolveDisabled:x=>x.dataRef.disabled});y.value="",c.value=f,r.value=s??1,i.value=o.items},search(a){let l=y.value!==""?0:1;y.value+=a.toLowerCase();let s=(c.value!==null?i.value.slice(c.value+l).concat(i.value.slice(0,c.value+l)):i.value).find(f=>f.dataRef.textValue.startsWith(y.value)&&!f.dataRef.disabled),o=s?i.value.indexOf(s):-1;o===-1||o===c.value||(c.value=o,r.value=1)},clearSearch(){y.value=""},registerItem(a,l){let s=t(o=>[...o,{id:a,dataRef:l}]);i.value=s.items,c.value=s.activeItemIndex,r.value=1},unregisterItem(a){let l=t(s=>{let o=s.findIndex(f=>f.id===a);return o!==-1&&s.splice(o,1),s});i.value=l.items,c.value=l.activeItemIndex,r.value=1}};return C.useOutsideClick([e,v],(a,l)=>{var s;p.closeMenu(),S.isFocusableElement(l,S.FocusableMode.Loose)||(a.preventDefault(),(s=m.dom(e))==null||s.focus())},u.computed(()=>b.value===0)),u.provide(P,p),R.useOpenClosedProvider(u.computed(()=>w.match(b.value,{[0]:R.State.Open,[1]:R.State.Closed}))),()=>{let a={open:b.value===0,close:p.closeMenu};return T.render({ourProps:{},theirProps:n,slot:a,slots:g,attrs:M,name:"Menu"})}}}),L=u.defineComponent({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"},id:{type:String,default:()=>`headlessui-menu-button-${h.useId()}`}},setup(n,{attrs:g,slots:M,expose:b}){let e=k("MenuButton");b({el:e.buttonRef,$el:e.buttonRef});function v(r){switch(r.key){case d.Keys.Space:case d.Keys.Enter:case d.Keys.ArrowDown:r.preventDefault(),r.stopPropagation(),e.openMenu(),u.nextTick(()=>{var t;(t=m.dom(e.itemsRef))==null||t.focus({preventScroll:!0}),e.goToItem(I.Focus.First)});break;case d.Keys.ArrowUp:r.preventDefault(),r.stopPropagation(),e.openMenu(),u.nextTick(()=>{var t;(t=m.dom(e.itemsRef))==null||t.focus({preventScroll:!0}),e.goToItem(I.Focus.Last)});break}}function i(r){switch(r.key){case d.Keys.Space:r.preventDefault();break}}function y(r){n.disabled||(e.menuState.value===0?(e.closeMenu(),u.nextTick(()=>{var t;return(t=m.dom(e.buttonRef))==null?void 0:t.focus({preventScroll:!0})})):(r.preventDefault(),e.openMenu(),B(()=>{var t;return(t=m.dom(e.itemsRef))==null?void 0:t.focus({preventScroll:!0})})))}let c=D.useResolveButtonType(u.computed(()=>({as:n.as,type:g.type})),e.buttonRef);return()=>{var r;let t={open:e.menuState.value===0},{id:p,...a}=n,l={ref:e.buttonRef,id:p,type:c.value,"aria-haspopup":"menu","aria-controls":(r=m.dom(e.itemsRef))==null?void 0:r.id,"aria-expanded":n.disabled?void 0:e.menuState.value===0,onKeydown:v,onKeyup:i,onClick:y};return T.render({ourProps:l,theirProps:a,slot:t,attrs:g,slots:M,name:"MenuButton"})}}}),$=u.defineComponent({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:()=>`headlessui-menu-items-${h.useId()}`}},setup(n,{attrs:g,slots:M,expose:b}){let e=k("MenuItems"),v=u.ref(null);b({el:e.itemsRef,$el:e.itemsRef}),K.useTreeWalker({container:u.computed(()=>m.dom(e.itemsRef)),enabled:u.computed(()=>e.menuState.value===0),accept(t){return t.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:t.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(t){t.setAttribute("role","none")}});function i(t){var p;switch(v.value&&clearTimeout(v.value),t.key){case d.Keys.Space:if(e.searchQuery.value!=="")return t.preventDefault(),t.stopPropagation(),e.search(t.key);case d.Keys.Enter:if(t.preventDefault(),t.stopPropagation(),e.activeItemIndex.value!==null){let a=e.items.value[e.activeItemIndex.value];(p=m.dom(a.dataRef.domRef))==null||p.click()}e.closeMenu(),S.restoreFocusIfNecessary(m.dom(e.buttonRef));break;case d.Keys.ArrowDown:return t.preventDefault(),t.stopPropagation(),e.goToItem(I.Focus.Next);case d.Keys.ArrowUp:return t.preventDefault(),t.stopPropagation(),e.goToItem(I.Focus.Previous);case d.Keys.Home:case d.Keys.PageUp:return t.preventDefault(),t.stopPropagation(),e.goToItem(I.Focus.First);case d.Keys.End:case d.Keys.PageDown:return t.preventDefault(),t.stopPropagation(),e.goToItem(I.Focus.Last);case d.Keys.Escape:t.preventDefault(),t.stopPropagation(),e.closeMenu(),u.nextTick(()=>{var a;return(a=m.dom(e.buttonRef))==null?void 0:a.focus({preventScroll:!0})});break;case d.Keys.Tab:t.preventDefault(),t.stopPropagation(),e.closeMenu(),u.nextTick(()=>S.focusFrom(m.dom(e.buttonRef),t.shiftKey?S.Focus.Previous:S.Focus.Next));break;default:t.key.length===1&&(e.search(t.key),v.value=setTimeout(()=>e.clearSearch(),350));break}}function y(t){switch(t.key){case d.Keys.Space:t.preventDefault();break}}let c=R.useOpenClosed(),r=u.computed(()=>c!==null?(c.value&R.State.Open)===R.State.Open:e.menuState.value===0);return()=>{var t,p;let a={open:e.menuState.value===0},{id:l,...s}=n,o={"aria-activedescendant":e.activeItemIndex.value===null||(t=e.items.value[e.activeItemIndex.value])==null?void 0:t.id,"aria-labelledby":(p=m.dom(e.buttonRef))==null?void 0:p.id,id:l,onKeydown:i,onKeyup:y,role:"menu",tabIndex:0,ref:e.itemsRef};return T.render({ourProps:o,theirProps:s,slot:a,attrs:g,slots:M,features:T.Features.RenderStrategy|T.Features.Static,visible:r.value,name:"MenuItems"})}}}),j=u.defineComponent({name:"MenuItem",inheritAttrs:!1,props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>`headlessui-menu-item-${h.useId()}`}},setup(n,{slots:g,attrs:M,expose:b}){let e=k("MenuItem"),v=u.ref(null);b({el:v,$el:v});let i=u.computed(()=>e.activeItemIndex.value!==null?e.items.value[e.activeItemIndex.value].id===n.id:!1),y=q.useTextValue(v),c=u.computed(()=>({disabled:n.disabled,get textValue(){return y()},domRef:v}));u.onMounted(()=>e.registerItem(n.id,c)),u.onUnmounted(()=>e.unregisterItem(n.id)),u.watchEffect(()=>{e.menuState.value===0&&i.value&&e.activationTrigger.value!==0&&u.nextTick(()=>{var o,f;return(f=(o=m.dom(v))==null?void 0:o.scrollIntoView)==null?void 0:f.call(o,{block:"nearest"})})});function r(o){if(n.disabled)return o.preventDefault();e.closeMenu(),S.restoreFocusIfNecessary(m.dom(e.buttonRef))}function t(){if(n.disabled)return e.goToItem(I.Focus.Nothing);e.goToItem(I.Focus.Specific,n.id)}let p=O.useTrackedPointer();function a(o){p.update(o)}function l(o){p.wasMoved(o)&&(n.disabled||i.value||e.goToItem(I.Focus.Specific,n.id,0))}function s(o){p.wasMoved(o)&&(n.disabled||i.value&&e.goToItem(I.Focus.Nothing))}return()=>{let{disabled:o}=n,f={active:i.value,disabled:o,close:e.closeMenu},{id:x,...F}=n;return T.render({ourProps:{id:x,ref:v,role:"menuitem",tabIndex:o===!0?void 0:-1,"aria-disabled":o===!0?!0:void 0,disabled:void 0,onClick:r,onFocus:t,onPointerenter:a,onMouseenter:a,onPointermove:l,onMousemove:l,onPointerleave:s,onMouseleave:s},theirProps:{...M,...F},slot:f,attrs:M,slots:g,name:"MenuItem"})}}});exports.Menu=N;exports.MenuButton=L;exports.MenuItem=j;exports.MenuItems=$;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");function t(r,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}exports.default=t;
@@ -0,0 +1,20 @@
1
+ import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
2
+ function c(t, n) {
3
+ return e(), r("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ fill: "none",
6
+ viewBox: "0 0 24 24",
7
+ "stroke-width": "1.5",
8
+ stroke: "currentColor",
9
+ "aria-hidden": "true"
10
+ }, [
11
+ o("path", {
12
+ "stroke-linecap": "round",
13
+ "stroke-linejoin": "round",
14
+ d: "M4.5 12.75l6 6 9-13.5"
15
+ })
16
+ ]);
17
+ }
18
+ export {
19
+ c as default
20
+ };
@@ -0,0 +1,20 @@
1
+ import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
2
+ function l(t, n) {
3
+ return e(), r("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ fill: "none",
6
+ viewBox: "0 0 24 24",
7
+ "stroke-width": "1.5",
8
+ stroke: "currentColor",
9
+ "aria-hidden": "true"
10
+ }, [
11
+ o("path", {
12
+ "stroke-linecap": "round",
13
+ "stroke-linejoin": "round",
14
+ d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
15
+ })
16
+ ]);
17
+ }
18
+ export {
19
+ l as default
20
+ };
@@ -0,0 +1,20 @@
1
+ import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
2
+ function a(t, n) {
3
+ return e(), r("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ fill: "none",
6
+ viewBox: "0 0 24 24",
7
+ "stroke-width": "1.5",
8
+ stroke: "currentColor",
9
+ "aria-hidden": "true"
10
+ }, [
11
+ o("path", {
12
+ "stroke-linecap": "round",
13
+ "stroke-linejoin": "round",
14
+ d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
15
+ })
16
+ ]);
17
+ }
18
+ export {
19
+ a as default
20
+ };