@mintlify/components 0.1.53 → 0.1.55

package/dist/main.css

@@ -1290,6 +1290,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.invisible {
+  visibility: hidden;
+}
 .absolute {
   position: absolute;
 }
@@ -1315,12 +1318,30 @@ video {
 .left-1\/2 {
   left: 50%;
 }
+.-top-px {
+  top: -1px;
+}
+.-top-0\.5 {
+  top: -0.125rem;
+}
+.-left-px {
+  left: -1px;
+}
+.-top-0 {
+  top: -0px;
+}
 .top-5 {
   top: 1.25rem;
 }
 .right-5 {
   right: 1.25rem;
 }
+.right-2 {
+  right: 0.5rem;
+}
+.top-\[7px\] {
+  top: 7px;
+}
 .z-10 {
   z-index: 10;
 }
@@ -1342,10 +1363,22 @@ video {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 }
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .mx-\[6px\] {
   margin-left: 6px;
   margin-right: 6px;
 }
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -1382,6 +1415,12 @@ video {
 .mb-3 {
   margin-bottom: 0.75rem;
 }
+.-mb-px {
+  margin-bottom: -1px;
+}
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mt-5 {
   margin-top: 1.25rem;
 }
@@ -1403,17 +1442,14 @@ video {
 .-mt-1 {
   margin-top: -0.25rem;
 }
-.-mb-px {
-  margin-bottom: -1px;
-}
 .mb-6 {
   margin-bottom: 1.5rem;
 }
-.ml-32 {
-  margin-left: 8rem;
+.ml-16 {
+  margin-left: 4rem;
 }
-.mt-32 {
-  margin-top: 8rem;
+.mt-8 {
+  margin-top: 2rem;
 }
 .block {
   display: block;
@@ -1457,9 +1493,15 @@ video {
 .h-3 {
   height: 0.75rem;
 }
+.h-\[1\.125rem\] {
+  height: 1.125rem;
+}
 .h-\[1\.15rem\] {
   height: 1.15rem;
 }
+.h-7 {
+  height: 1.75rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -1486,6 +1528,12 @@ video {
   width: -moz-fit-content;
   width: fit-content;
 }
+.w-\[calc\(40\%-1\.05rem\)\] {
+  width: calc(40% - 1.05rem);
+}
+.w-2\/5 {
+  width: 40%;
+}
 .min-w-full {
   min-width: 100%;
 }
@@ -1494,6 +1542,9 @@ video {
   max-width: -moz-max-content;
   max-width: max-content;
 }
+.max-w-md {
+  max-width: 28rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1503,6 +1554,9 @@ video {
 .flex-auto {
   flex: 1 1 auto;
 }
+.flex-initial {
+  flex: 0 1 auto;
+}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   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));
@@ -1517,6 +1571,11 @@ video {
 .cursor-pointer {
   cursor: pointer;
 }
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .flex-row {
   flex-direction: row;
 }
@@ -1563,6 +1622,12 @@ video {
   margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
@@ -1650,12 +1715,18 @@ video {
 .border-l {
   border-left-width: 1px;
 }
+.border-b-2 {
+  border-bottom-width: 2px;
+}
 .border-t {
   border-top-width: 1px;
 }
 .border-r {
   border-right-width: 1px;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border-none {
   border-style: none;
 }
@@ -1674,6 +1745,13 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(248, 250, 252, var(--tw-border-opacity));
 }
+.border-transparent {
+  border-color: transparent;
+}
+.border-slate-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .border-slate-500\/30 {
   border-color: rgba(100, 116, 139, 0.3);
 }
@@ -1683,8 +1761,29 @@ video {
 .border-current {
   border-color: currentColor;
 }
-.border-transparent {
-  border-color: transparent;
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(22, 163, 74, var(--tw-border-opacity));
+}
+.border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+.border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(202, 138, 4, var(--tw-border-opacity));
+}
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+.border-orange-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(234, 88, 12, var(--tw-border-opacity));
+}
+.border-slate-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(71, 85, 105, var(--tw-border-opacity));
 }
 .border-red-200 {
   --tw-border-opacity: 1;
@@ -1742,6 +1841,30 @@ video {
 .bg-slate-700\/50 {
   background-color: rgba(51, 65, 85, 0.5);
 }
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
+}
+.bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(202, 138, 4, var(--tw-bg-opacity));
+}
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+.bg-orange-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(234, 88, 12, var(--tw-bg-opacity));
+}
+.bg-slate-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
@@ -1752,9 +1875,18 @@ video {
 .fill-slate-400 {
   fill: #94a3b8;
 }
+.fill-white {
+  fill: #fff;
+}
 .fill-slate-500 {
   fill: #64748b;
 }
+.fill-red-600 {
+  fill: #dc2626;
+}
+.stroke-slate-700 {
+  stroke: #334155;
+}
 .p-8 {
   padding: 2rem;
 }
@@ -1802,6 +1934,26 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
 .pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -1811,15 +1963,21 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-3\.5 {
+  padding-top: 0.875rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
 .pr-4 {
   padding-right: 1rem;
 }
-.pt-3 {
-  padding-top: 0.75rem;
-}
 .pb-2\.5 {
   padding-bottom: 0.625rem;
 }
@@ -1835,6 +1993,9 @@ video {
 .text-center {
   text-align: center;
 }
+.align-middle {
+  vertical-align: middle;
+}
 .font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
@@ -1850,6 +2011,12 @@ video {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.text-\[0\.84rem\] {
+  font-size: 0.84rem;
+}
+.text-\[0\.95rem\] {
+  font-size: 0.95rem;
+}
 .font-semibold {
   font-weight: 600;
 }
@@ -1859,6 +2026,9 @@ video {
 .font-normal {
   font-weight: 400;
 }
+.font-bold {
+  font-weight: 700;
+}
 .leading-5 {
   line-height: 1.25rem;
 }
@@ -1948,6 +2118,18 @@ video {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgba(202, 138, 4, var(--tw-text-opacity));
+}
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+.text-orange-600 {
+  --tw-text-opacity: 1;
+  color: rgba(234, 88, 12, var(--tw-text-opacity));
+}
 .text-pink-700 {
   --tw-text-opacity: 1;
   color: rgba(190, 24, 93, var(--tw-text-opacity));
@@ -1970,6 +2152,9 @@ video {
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.opacity-0 {
+  opacity: 0;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2001,10 +2186,21 @@ video {
   -webkit-mask-image: linear-gradient(0deg,#fff,rgba(255,255,255,0.6));
           mask-image: linear-gradient(0deg,#fff,rgba(255,255,255,0.6));
 }
+
+/* Disable browser's default styling on select tags */
+select {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
 .hover\:border-slate-300:hover {
   --tw-border-opacity: 1;
   border-color: rgba(203, 213, 225, var(--tw-border-opacity));
 }
+.hover\:border-slate-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .hover\:border-red-800:hover {
   --tw-border-opacity: 1;
   border-color: rgba(153, 27, 27, var(--tw-border-opacity));
@@ -2036,9 +2232,40 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
 }
+.hover\:bg-green-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
+}
+.hover\:bg-blue-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+.hover\:bg-yellow-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(133, 77, 14, var(--tw-bg-opacity));
+}
+.hover\:bg-red-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+.hover\:bg-orange-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(154, 52, 18, var(--tw-bg-opacity));
+}
+.hover\:bg-slate-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
+}
+.hover\:bg-slate-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
+}
 .hover\:fill-slate-300:hover {
   fill: #cbd5e1;
 }
+.hover\:fill-red-800:hover {
+  fill: #991b1b;
+}
 .hover\:text-indigo-700:hover {
   --tw-text-opacity: 1;
   color: rgba(67, 56, 202, var(--tw-text-opacity));
@@ -2059,6 +2286,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(15, 23, 42, var(--tw-text-opacity));
 }
+.hover\:text-slate-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(51, 65, 85, var(--tw-text-opacity));
+}
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2090,9 +2321,36 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(100, 116, 139, var(--tw-ring-opacity));
 }
+.disabled\:bg-green-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
+}
+.disabled\:bg-blue-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+.disabled\:bg-yellow-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(161, 98, 7, var(--tw-bg-opacity));
+}
+.disabled\:bg-red-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+.disabled\:bg-orange-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(194, 65, 12, var(--tw-bg-opacity));
+}
+.disabled\:bg-slate-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
+}
 .group:hover .group-hover\:flex {
   display: flex;
 }
+.group:hover .group-hover\:fill-slate-700 {
+  fill: #334155;
+}
 .group:hover .group-hover\:text-indigo-400 {
   --tw-text-opacity: 1;
   color: rgba(129, 140, 248, var(--tw-text-opacity));
@@ -2178,9 +2436,41 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
 }
+.dark .dark\:border-slate-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(71, 85, 105, var(--tw-border-opacity));
+}
+.dark .dark\:border-slate-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .dark .dark\:border-slate-200\/10 {
   border-color: rgba(226, 232, 240, 0.1);
 }
+.dark .dark\:border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(34, 197, 94, var(--tw-border-opacity));
+}
+.dark .dark\:border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+.dark .dark\:border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(234, 179, 8, var(--tw-border-opacity));
+}
+.dark .dark\:border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+.dark .dark\:border-orange-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 115, 22, var(--tw-border-opacity));
+}
+.dark .dark\:border-slate-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
+}
 .dark .dark\:border-red-600 {
   --tw-border-opacity: 1;
   border-color: rgba(220, 38, 38, var(--tw-border-opacity));
@@ -2218,12 +2508,25 @@ video {
 .dark .dark\:bg-slate-600\/30 {
   background-color: rgba(71, 85, 105, 0.3);
 }
+.dark .dark\:bg-slate-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(15, 23, 42, var(--tw-bg-opacity));
+}
 .dark .dark\:fill-slate-100 {
   fill: #f1f5f9;
 }
 .dark .dark\:fill-slate-300 {
   fill: #cbd5e1;
 }
+.dark .dark\:fill-slate-400 {
+  fill: #94a3b8;
+}
+.dark .dark\:fill-red-400 {
+  fill: #f87171;
+}
+.dark .dark\:stroke-slate-100 {
+  stroke: #f1f5f9;
+}
 .dark .dark\:text-slate-100 {
   --tw-text-opacity: 1;
   color: rgba(241, 245, 249, var(--tw-text-opacity));
@@ -2266,6 +2569,30 @@ video {
   --tw-text-opacity: 1;
   color: rgba(226, 232, 240, var(--tw-text-opacity));
 }
+.dark .dark\:text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(34, 197, 94, var(--tw-text-opacity));
+}
+.dark .dark\:text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+.dark .dark\:text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(234, 179, 8, var(--tw-text-opacity));
+}
+.dark .dark\:text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+.dark .dark\:text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 115, 22, var(--tw-text-opacity));
+}
+.dark .dark\:text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
 .dark .dark\:text-pink-300 {
   --tw-text-opacity: 1;
   color: rgba(249, 168, 212, var(--tw-text-opacity));
@@ -2284,10 +2611,18 @@ video {
   -webkit-mask-image: linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));
           mask-image: linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));
 }
+.dark .dark\:hover\:border-slate-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .dark .dark\:hover\:border-slate-700:hover {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
 }
+.dark .dark\:hover\:border-slate-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
+}
 .dark .dark\:hover\:border-red-400:hover {
   --tw-border-opacity: 1;
   border-color: rgba(248, 113, 113, var(--tw-border-opacity));
@@ -2304,6 +2639,13 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
 }
+.dark .dark\:hover\:bg-slate-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
+}
+.dark .dark\:hover\:fill-red-200:hover {
+  fill: #fecaca;
+}
 .dark .dark\:hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -2320,6 +2662,9 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
 }
+.dark .group:hover .dark\:group-hover\:fill-slate-200 {
+  fill: #e2e8f0;
+}
 .dark .group:hover .dark\:group-hover\:text-slate-400 {
   --tw-text-opacity: 1;
   color: rgba(148, 163, 184, var(--tw-text-opacity));
@@ -2330,6 +2675,18 @@ video {
 }
 @media (min-width: 640px) {
 
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:w-\[calc\(33\%-1\.05rem\)\] {
+    width: calc(33% - 1.05rem);
+  }
+
+  .sm\:w-1\/3 {
+    width: 33.333333%;
+  }
+
   .sm\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -2346,6 +2703,13 @@ video {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
+@media (min-width: 768px) {
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}
 @media (min-width: 1024px) {
 
   .lg\:whitespace-nowrap {

package/dist/utils/apiPlaygroundColors.d.ts

@@ -0,0 +1,4 @@
+export declare const getMethodBgColor: (method?: string) => "bg-green-600" | "bg-blue-600" | "bg-yellow-600" | "bg-red-600" | "bg-orange-600" | "bg-slate-600";
+export declare const getMethodBgHoverColor: (method?: string) => "hover:bg-green-800 disabled:bg-green-700" | "hover:bg-blue-800 disabled:bg-blue-700" | "hover:bg-yellow-800 disabled:bg-yellow-700" | "hover:bg-red-800 disabled:bg-red-700" | "hover:bg-orange-800 disabled:bg-orange-700" | "hover:bg-slate-800 disabled:bg-slate-700";
+export declare const getMethodTextColor: (method?: string) => "text-green-600 dark:text-green-500" | "text-blue-600 dark:text-blue-500" | "text-yellow-600 dark:text-yellow-500" | "text-red-600 dark:text-red-500" | "text-orange-600 dark:text-orange-500" | "text-slate-600 dark:text-slate-500";
+export declare const getMethodBorderColor: (method?: string) => "border-green-600 dark:border-green-500" | "border-blue-600 dark:border-blue-500" | "border-yellow-600 dark:border-yellow-500" | "border-red-600 dark:border-red-500" | "border-orange-600 dark:border-orange-500" | "border-slate-600 dark:border-slate-500";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/components",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "description": "Open-source library of UI components made with React and TailwindCSS.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -43,6 +43,7 @@
     "@storybook/react": "^6.5.13",
     "@storybook/testing-library": "^0.0.13",
     "@tailwindcss/typography": "^0.5.7",
+    "@types/lodash.set": "^4.3.7",
     "@types/react": "^18.0.21",
     "autoprefixer": "^10.4.8",
     "babel-loader": "^8.2.5",
@@ -72,6 +73,7 @@
     "@headlessui/react": "^1.7.3",
     "assert": "^2.0.0",
     "clsx": "^1.1.1",
-    "is-absolute-url": "^4.0.1"
+    "is-absolute-url": "^4.0.1",
+    "lodash.set": "^4.3.2"
   }
 }