@mintlify/components 0.1.61 → 0.1.63

package/dist/main.css

@@ -1287,6 +1287,17 @@ video {
   --tw-text-opacity: 1;
   color: rgba(248, 250, 252, var(--tw-text-opacity));
 }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -1309,6 +1320,15 @@ video {
   top: 1px;
   bottom: 1px;
 }
+.left-0 {
+  left: 0px;
+}
+.right-0 {
+  right: 0px;
+}
+.top-1\/2 {
+  top: 50%;
+}
 .top-full {
   top: 100%;
 }
@@ -1496,6 +1516,12 @@ video {
 .h-6 {
   height: 1.5rem;
 }
+.h-\[24px\] {
+  height: 24px;
+}
+.h-\[0\.65rem\] {
+  height: 0.65rem;
+}
 .h-3 {
   height: 0.75rem;
 }
@@ -1508,6 +1534,9 @@ video {
 .h-7 {
   height: 1.75rem;
 }
+.h-16 {
+  height: 4rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -1526,6 +1555,9 @@ video {
 .w-6 {
   width: 1.5rem;
 }
+.w-\[36px\] {
+  width: 36px;
+}
 .w-40 {
   width: 10rem;
 }
@@ -1540,6 +1572,9 @@ video {
 .w-2\/5 {
   width: 40%;
 }
+.w-16 {
+  width: 4rem;
+}
 .min-w-full {
   min-width: 100%;
 }
@@ -1563,6 +1598,17 @@ video {
 .flex-initial {
   flex: 0 1 auto;
 }
+.shrink-0 {
+  flex-shrink: 0;
+}
+.translate-y-\[-50\%\] {
+  --tw-translate-y: -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));
+}
+.translate-x-0 {
+  --tw-translate-x: 0px;
+  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));
+}
 .-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));
@@ -1708,6 +1754,9 @@ video {
 .border {
   border-width: 1px;
 }
+.border-2 {
+  border-width: 2px;
+}
 .border-0 {
   border-width: 0px;
 }
@@ -1743,6 +1792,12 @@ video {
 .border-black\/5 {
   border-color: rgba(0, 0, 0, 0.05);
 }
+.border-transparent {
+  border-color: transparent;
+}
+.border-zinc-300\/60 {
+  border-color: rgba(212, 212, 216, 0.6);
+}
 .border-slate-100 {
   --tw-border-opacity: 1;
   border-color: rgba(241, 245, 249, var(--tw-border-opacity));
@@ -1751,9 +1806,6 @@ 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));
@@ -1833,13 +1885,16 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
 }
-.\!bg-slate-400\/10 {
-  background-color: rgba(148, 163, 184, 0.1) !important;
+.bg-black\/10 {
+  background-color: rgba(0, 0, 0, 0.1);
 }
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
+.\!bg-slate-400\/10 {
+  background-color: rgba(148, 163, 184, 0.1) !important;
+}
 .bg-slate-800 {
   --tw-bg-opacity: 1;
   background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
@@ -1871,6 +1926,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
 }
+.bg-slate-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(15, 23, 42, var(--tw-bg-opacity));
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
@@ -1881,6 +1940,12 @@ video {
 .fill-slate-400 {
   fill: #94a3b8;
 }
+.fill-yellow-500 {
+  fill: #eab308;
+}
+.fill-indigo-800 {
+  fill: #3730a3;
+}
 .fill-white {
   fill: #fff;
 }
@@ -1896,6 +1961,9 @@ video {
 .p-8 {
   padding: 2rem;
 }
+.p-\[3px\] {
+  padding: 3px;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1993,6 +2061,12 @@ video {
 .pb-\[1px\] {
   padding-bottom: 1px;
 }
+.pt-5 {
+  padding-top: 1.25rem;
+}
+.pl-4 {
+  padding-left: 1rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2179,12 +2253,30 @@ video {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
+.ring-0 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+}
 .ring-transparent {
   --tw-ring-color: transparent;
 }
 .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);
 }
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-200 {
+  transition-duration: 200ms;
+}
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 .bg-grid-slate-100 {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 32 32%27 width=%2732%27 height=%2732%27 fill=%27none%27 stroke=%27%23f1f5f9%27%3e%3cpath d=%27M0 .5H31.5V32%27/%3e%3c/svg%3e");
 }
@@ -2327,6 +2419,53 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(100, 116, 139, var(--tw-ring-opacity));
 }
+.focus-visible\:ring-2.focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+}
+.focus-visible\:ring-2.focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+}
+.focus-visible\:ring-2.focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+}
+.focus-visible\:ring-2:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
+}
+.focus-visible\:ring-white.focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+.focus-visible\:ring-white.focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+.focus-visible\:ring-white:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+.focus-visible\:ring-opacity-75.focus-visible {
+  --tw-ring-opacity: 0.75;
+}
+.focus-visible\:ring-opacity-75:focus-visible {
+  --tw-ring-opacity: 0.75;
+}
 .disabled\:bg-green-700:disabled {
   --tw-bg-opacity: 1;
   background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
@@ -2431,6 +2570,16 @@ select {
 .dark .dark\:prose-dark :where(blockQuote):not(:where([class~="not-prose"] *)) {
   color: #fff;
 }
+.dark .dark\:block {
+  display: block;
+}
+.dark .dark\:hidden {
+  display: none;
+}
+.dark .dark\:translate-x-3 {
+  --tw-translate-x: 0.75rem;
+  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));
+}
 .dark .dark\:border-slate-800 {
   --tw-border-opacity: 1;
   border-color: rgba(30, 41, 59, var(--tw-border-opacity));
@@ -2438,6 +2587,9 @@ select {
 .dark .dark\:border-white\/5 {
   border-color: rgba(255, 255, 255, 0.05);
 }
+.dark .dark\:border-indigo-900\/80 {
+  border-color: rgba(49, 46, 129, 0.8);
+}
 .dark .dark\:border-slate-700 {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
@@ -2507,6 +2659,9 @@ select {
 .dark .dark\:bg-slate-800\/25 {
   background-color: rgba(30, 41, 59, 0.25);
 }
+.dark .dark\:bg-white\/10 {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 .dark .dark\:bg-slate-800 {
   --tw-bg-opacity: 1;
   background-color: rgba(30, 41, 59, var(--tw-bg-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/components",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "description": "Open-source library of UI components made with React and TailwindCSS.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -70,7 +70,7 @@
     "webpack-cli": "^4.10.0"
   },
   "dependencies": {
-    "@headlessui/react": "^1.7.3",
+    "@headlessui/react": "^1.7.4",
     "assert": "^2.0.0",
     "clsx": "^1.1.1",
     "is-absolute-url": "^4.0.1",

package/dist/Api/ApiInput.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ApiInputValue, Param } from "./types";
-export declare function ApiInput({ param, value, onChangeParam, onObjectPropertyChange, onArrayItemChange, onDeleteArrayItem, parentInputs, }: {
-    param: Param;
-    value: ApiInputValue;
-    onChangeParam: (parentInputs: string[], paramName: string, value: ApiInputValue) => void;
-    onObjectPropertyChange?: (value: any) => void;
-    onArrayItemChange?: (value: any) => void;
-    onDeleteArrayItem?: () => void;
-    parentInputs?: string[];
-}): JSX.Element;