@modelcontextprotocol/inspector-client 0.4.1 → 0.6.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.
@@ -728,6 +728,149 @@
728
728
  .read-the-docs {
729
729
  color: #888;
730
730
  }
731
+ /**
732
+ * prism.js default theme for JavaScript, CSS and HTML
733
+ * Based on dabblet (http://dabblet.com)
734
+ * @author Lea Verou
735
+ */
736
+
737
+ code[class*="language-"],
738
+ pre[class*="language-"] {
739
+ color: black;
740
+ background: none;
741
+ text-shadow: 0 1px white;
742
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
743
+ font-size: 1em;
744
+ text-align: left;
745
+ white-space: pre;
746
+ word-spacing: normal;
747
+ word-break: normal;
748
+ word-wrap: normal;
749
+ line-height: 1.5;
750
+
751
+ -moz-tab-size: 4;
752
+ -o-tab-size: 4;
753
+ tab-size: 4;
754
+
755
+ -webkit-hyphens: none;
756
+ hyphens: none;
757
+ }
758
+
759
+ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
760
+ code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
761
+ text-shadow: none;
762
+ background: #b3d4fc;
763
+ }
764
+
765
+ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
766
+ text-shadow: none;
767
+ background: #b3d4fc;
768
+ }
769
+
770
+ pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
771
+ code[class*="language-"]::selection, code[class*="language-"] ::selection {
772
+ text-shadow: none;
773
+ background: #b3d4fc;
774
+ }
775
+
776
+ @media print {
777
+ code[class*="language-"],
778
+ pre[class*="language-"] {
779
+ text-shadow: none;
780
+ }
781
+ }
782
+
783
+ /* Code blocks */
784
+ pre[class*="language-"] {
785
+ padding: 1em;
786
+ margin: .5em 0;
787
+ overflow: auto;
788
+ }
789
+
790
+ :not(pre) > code[class*="language-"],
791
+ pre[class*="language-"] {
792
+ background: #f5f2f0;
793
+ }
794
+
795
+ /* Inline code */
796
+ :not(pre) > code[class*="language-"] {
797
+ padding: .1em;
798
+ border-radius: .3em;
799
+ white-space: normal;
800
+ }
801
+
802
+ .token.comment,
803
+ .token.prolog,
804
+ .token.doctype,
805
+ .token.cdata {
806
+ color: slategray;
807
+ }
808
+
809
+ .token.punctuation {
810
+ color: #999;
811
+ }
812
+
813
+ .token.namespace {
814
+ opacity: .7;
815
+ }
816
+
817
+ .token.property,
818
+ .token.tag,
819
+ .token.boolean,
820
+ .token.number,
821
+ .token.constant,
822
+ .token.symbol,
823
+ .token.deleted {
824
+ color: #905;
825
+ }
826
+
827
+ .token.selector,
828
+ .token.attr-name,
829
+ .token.string,
830
+ .token.char,
831
+ .token.builtin,
832
+ .token.inserted {
833
+ color: #690;
834
+ }
835
+
836
+ .token.operator,
837
+ .token.entity,
838
+ .token.url,
839
+ .language-css .token.string,
840
+ .style .token.string {
841
+ color: #9a6e3a;
842
+ /* This background color was intended by the author of this theme. */
843
+ background: hsla(0, 0%, 100%, .5);
844
+ }
845
+
846
+ .token.atrule,
847
+ .token.attr-value,
848
+ .token.keyword {
849
+ color: #07a;
850
+ }
851
+
852
+ .token.function,
853
+ .token.class-name {
854
+ color: #DD4A68;
855
+ }
856
+
857
+ .token.regex,
858
+ .token.important,
859
+ .token.variable {
860
+ color: #e90;
861
+ }
862
+
863
+ .token.important,
864
+ .token.bold {
865
+ font-weight: bold;
866
+ }
867
+ .token.italic {
868
+ font-style: italic;
869
+ }
870
+
871
+ .token.entity {
872
+ cursor: help;
873
+ }
731
874
  *, ::before, ::after {
732
875
  --tw-border-spacing-x: 0;
733
876
  --tw-border-spacing-y: 0;
@@ -1289,12 +1432,29 @@ video {
1289
1432
  background-color: hsl(var(--background));
1290
1433
  color: hsl(var(--foreground));
1291
1434
  }
1435
+ .sr-only {
1436
+ position: absolute;
1437
+ width: 1px;
1438
+ height: 1px;
1439
+ padding: 0;
1440
+ margin: -1px;
1441
+ overflow: hidden;
1442
+ clip: rect(0, 0, 0, 0);
1443
+ white-space: nowrap;
1444
+ border-width: 0;
1445
+ }
1446
+ .fixed {
1447
+ position: fixed;
1448
+ }
1292
1449
  .absolute {
1293
1450
  position: absolute;
1294
1451
  }
1295
1452
  .relative {
1296
1453
  position: relative;
1297
1454
  }
1455
+ .inset-0 {
1456
+ inset: 0px;
1457
+ }
1298
1458
  .-right-1 {
1299
1459
  right: -0.25rem;
1300
1460
  }
@@ -1304,15 +1464,30 @@ video {
1304
1464
  .-top-2 {
1305
1465
  top: -0.5rem;
1306
1466
  }
1467
+ .left-\[50\%\] {
1468
+ left: 50%;
1469
+ }
1307
1470
  .right-2 {
1308
1471
  right: 0.5rem;
1309
1472
  }
1473
+ .right-4 {
1474
+ right: 1rem;
1475
+ }
1476
+ .top-4 {
1477
+ top: 1rem;
1478
+ }
1479
+ .top-\[50\%\] {
1480
+ top: 50%;
1481
+ }
1310
1482
  .z-50 {
1311
1483
  z-index: 50;
1312
1484
  }
1313
1485
  .col-span-2 {
1314
1486
  grid-column: span 2 / span 2;
1315
1487
  }
1488
+ .row-auto {
1489
+ grid-row: auto;
1490
+ }
1316
1491
  .-mx-1 {
1317
1492
  margin-left: -0.25rem;
1318
1493
  margin-right: -0.25rem;
@@ -1336,6 +1511,9 @@ video {
1336
1511
  .ml-2 {
1337
1512
  margin-left: 0.5rem;
1338
1513
  }
1514
+ .ml-auto {
1515
+ margin-left: auto;
1516
+ }
1339
1517
  .mr-2 {
1340
1518
  margin-right: 0.5rem;
1341
1519
  }
@@ -1363,6 +1541,9 @@ video {
1363
1541
  .contents {
1364
1542
  display: contents;
1365
1543
  }
1544
+ .hidden {
1545
+ display: none;
1546
+ }
1366
1547
  .h-1 {
1367
1548
  height: 0.25rem;
1368
1549
  }
@@ -1414,18 +1595,27 @@ video {
1414
1595
  .max-h-96 {
1415
1596
  max-height: 24rem;
1416
1597
  }
1598
+ .max-h-\[300px\] {
1599
+ max-height: 300px;
1600
+ }
1417
1601
  .min-h-\[60px\] {
1418
1602
  min-height: 60px;
1419
1603
  }
1420
1604
  .w-2 {
1421
1605
  width: 0.5rem;
1422
1606
  }
1607
+ .w-2\/5 {
1608
+ width: 40%;
1609
+ }
1423
1610
  .w-3\.5 {
1424
1611
  width: 0.875rem;
1425
1612
  }
1426
1613
  .w-4 {
1427
1614
  width: 1rem;
1428
1615
  }
1616
+ .w-72 {
1617
+ width: 18rem;
1618
+ }
1429
1619
  .w-8 {
1430
1620
  width: 2rem;
1431
1621
  }
@@ -1450,6 +1640,9 @@ video {
1450
1640
  .max-w-full {
1451
1641
  max-width: 100%;
1452
1642
  }
1643
+ .max-w-lg {
1644
+ max-width: 32rem;
1645
+ }
1453
1646
  .flex-1 {
1454
1647
  flex: 1 1 0%;
1455
1648
  }
@@ -1459,17 +1652,13 @@ video {
1459
1652
  .shrink-0 {
1460
1653
  flex-shrink: 0;
1461
1654
  }
1462
- .transform {
1655
+ .translate-x-\[-50\%\] {
1656
+ --tw-translate-x: -50%;
1463
1657
  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));
1464
1658
  }
1465
- @keyframes pulse {
1466
-
1467
- 50% {
1468
- opacity: .5;
1469
- }
1470
- }
1471
- .animate-pulse {
1472
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1659
+ .translate-y-\[-50\%\] {
1660
+ --tw-translate-y: -50%;
1661
+ 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));
1473
1662
  }
1474
1663
  .cursor-default {
1475
1664
  cursor: default;
@@ -1494,15 +1683,24 @@ video {
1494
1683
  .flex-col {
1495
1684
  flex-direction: column;
1496
1685
  }
1686
+ .flex-col-reverse {
1687
+ flex-direction: column-reverse;
1688
+ }
1497
1689
  .items-center {
1498
1690
  align-items: center;
1499
1691
  }
1692
+ .justify-end {
1693
+ justify-content: flex-end;
1694
+ }
1500
1695
  .justify-center {
1501
1696
  justify-content: center;
1502
1697
  }
1503
1698
  .justify-between {
1504
1699
  justify-content: space-between;
1505
1700
  }
1701
+ .gap-1 {
1702
+ gap: 0.25rem;
1703
+ }
1506
1704
  .gap-2 {
1507
1705
  gap: 0.5rem;
1508
1706
  }
@@ -1514,6 +1712,11 @@ video {
1514
1712
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1515
1713
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1516
1714
  }
1715
+ .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1716
+ --tw-space-y-reverse: 0;
1717
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1718
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1719
+ }
1517
1720
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1518
1721
  --tw-space-y-reverse: 0;
1519
1722
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1538,6 +1741,9 @@ video {
1538
1741
  .overflow-y-auto {
1539
1742
  overflow-y: auto;
1540
1743
  }
1744
+ .overflow-x-hidden {
1745
+ overflow-x: hidden;
1746
+ }
1541
1747
  .truncate {
1542
1748
  overflow: hidden;
1543
1749
  text-overflow: ellipsis;
@@ -1592,9 +1798,19 @@ video {
1592
1798
  .border-input {
1593
1799
  border-color: hsl(var(--input));
1594
1800
  }
1801
+ .border-primary {
1802
+ border-color: hsl(var(--primary));
1803
+ }
1804
+ .border-red-500 {
1805
+ --tw-border-opacity: 1;
1806
+ border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1807
+ }
1595
1808
  .bg-background {
1596
1809
  background-color: hsl(var(--background));
1597
1810
  }
1811
+ .bg-black\/80 {
1812
+ background-color: rgb(0 0 0 / 0.8);
1813
+ }
1598
1814
  .bg-border {
1599
1815
  background-color: hsl(var(--border));
1600
1816
  }
@@ -1639,17 +1855,6 @@ video {
1639
1855
  .bg-transparent {
1640
1856
  background-color: transparent;
1641
1857
  }
1642
- .bg-gradient-to-r {
1643
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1644
- }
1645
- .from-purple-500 {
1646
- --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
1647
- --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
1648
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1649
- }
1650
- .to-pink-500 {
1651
- --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
1652
- }
1653
1858
  .p-0 {
1654
1859
  padding: 0px;
1655
1860
  }
@@ -1662,6 +1867,9 @@ video {
1662
1867
  .p-4 {
1663
1868
  padding: 1rem;
1664
1869
  }
1870
+ .p-6 {
1871
+ padding: 1.5rem;
1872
+ }
1665
1873
  .px-12 {
1666
1874
  padding-left: 3rem;
1667
1875
  padding-right: 3rem;
@@ -1714,16 +1922,15 @@ video {
1714
1922
  .pt-4 {
1715
1923
  padding-top: 1rem;
1716
1924
  }
1925
+ .text-center {
1926
+ text-align: center;
1927
+ }
1717
1928
  .text-right {
1718
1929
  text-align: right;
1719
1930
  }
1720
1931
  .font-mono {
1721
1932
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1722
1933
  }
1723
- .text-3xl {
1724
- font-size: 1.875rem;
1725
- line-height: 2.25rem;
1726
- }
1727
1934
  .text-lg {
1728
1935
  font-size: 1.125rem;
1729
1936
  line-height: 1.75rem;
@@ -1754,6 +1961,9 @@ video {
1754
1961
  .tracking-tight {
1755
1962
  letter-spacing: -0.025em;
1756
1963
  }
1964
+ .tracking-widest {
1965
+ letter-spacing: 0.1em;
1966
+ }
1757
1967
  .text-blue-500 {
1758
1968
  --tw-text-opacity: 1;
1759
1969
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -1762,6 +1972,9 @@ video {
1762
1972
  --tw-text-opacity: 1;
1763
1973
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1764
1974
  }
1975
+ .text-current {
1976
+ color: currentColor;
1977
+ }
1765
1978
  .text-destructive {
1766
1979
  color: hsl(var(--destructive));
1767
1980
  }
@@ -1833,9 +2046,18 @@ video {
1833
2046
  .underline-offset-4 {
1834
2047
  text-underline-offset: 4px;
1835
2048
  }
2049
+ .opacity-0 {
2050
+ opacity: 0;
2051
+ }
2052
+ .opacity-100 {
2053
+ opacity: 1;
2054
+ }
1836
2055
  .opacity-50 {
1837
2056
  opacity: 0.5;
1838
2057
  }
2058
+ .opacity-70 {
2059
+ opacity: 0.7;
2060
+ }
1839
2061
  .shadow {
1840
2062
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1841
2063
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -1869,13 +2091,6 @@ video {
1869
2091
  .filter {
1870
2092
  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);
1871
2093
  }
1872
- .transition {
1873
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1874
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1875
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1876
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1877
- transition-duration: 150ms;
1878
- }
1879
2094
  .transition-all {
1880
2095
  transition-property: all;
1881
2096
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1886,8 +2101,13 @@ video {
1886
2101
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1887
2102
  transition-duration: 150ms;
1888
2103
  }
1889
- .duration-300 {
1890
- transition-duration: 300ms;
2104
+ .transition-opacity {
2105
+ transition-property: opacity;
2106
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2107
+ transition-duration: 150ms;
2108
+ }
2109
+ .duration-200 {
2110
+ transition-duration: 200ms;
1891
2111
  }
1892
2112
  @keyframes enter {
1893
2113
 
@@ -1903,8 +2123,8 @@ video {
1903
2123
  transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1904
2124
  }
1905
2125
  }
1906
- .duration-300 {
1907
- animation-duration: 300ms;
2126
+ .duration-200 {
2127
+ animation-duration: 200ms;
1908
2128
  }
1909
2129
 
1910
2130
  :root {
@@ -1962,6 +2182,10 @@ button:focus-visible {
1962
2182
  outline: 4px auto -webkit-focus-ring-color;
1963
2183
  }
1964
2184
 
2185
+ button[role="checkbox"] {
2186
+ padding: 0;
2187
+ }
2188
+
1965
2189
  @media (prefers-color-scheme: light) {
1966
2190
  :root {
1967
2191
  color: #213547;
@@ -2008,12 +2232,6 @@ button:focus-visible {
2008
2232
  border-bottom-width: 0px;
2009
2233
  }
2010
2234
 
2011
- .hover\:scale-110:hover {
2012
- --tw-scale-x: 1.1;
2013
- --tw-scale-y: 1.1;
2014
- 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));
2015
- }
2016
-
2017
2235
  .hover\:bg-accent:hover {
2018
2236
  background-color: hsl(var(--accent));
2019
2237
  }
@@ -2039,16 +2257,6 @@ button:focus-visible {
2039
2257
  background-color: hsl(var(--secondary) / 0.8);
2040
2258
  }
2041
2259
 
2042
- .hover\:from-purple-600:hover {
2043
- --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
2044
- --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
2045
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2046
- }
2047
-
2048
- .hover\:to-pink-600:hover {
2049
- --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
2050
- }
2051
-
2052
2260
  .hover\:text-accent-foreground:hover {
2053
2261
  color: hsl(var(--accent-foreground));
2054
2262
  }
@@ -2062,6 +2270,10 @@ button:focus-visible {
2062
2270
  text-decoration-line: underline;
2063
2271
  }
2064
2272
 
2273
+ .hover\:opacity-100:hover {
2274
+ opacity: 1;
2275
+ }
2276
+
2065
2277
  .focus\:bg-accent:focus {
2066
2278
  background-color: hsl(var(--accent));
2067
2279
  }
@@ -2081,21 +2293,20 @@ button:focus-visible {
2081
2293
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2082
2294
  }
2083
2295
 
2084
- .focus\:ring-4:focus {
2296
+ .focus\:ring-2:focus {
2085
2297
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2086
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2298
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2087
2299
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2088
2300
  }
2089
2301
 
2090
- .focus\:ring-purple-300:focus {
2091
- --tw-ring-opacity: 1;
2092
- --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity, 1));
2093
- }
2094
-
2095
2302
  .focus\:ring-ring:focus {
2096
2303
  --tw-ring-color: hsl(var(--ring));
2097
2304
  }
2098
2305
 
2306
+ .focus\:ring-offset-2:focus {
2307
+ --tw-ring-offset-width: 2px;
2308
+ }
2309
+
2099
2310
  .focus-visible\:outline-none:focus-visible {
2100
2311
  outline: 2px solid transparent;
2101
2312
  outline-offset: 2px;
@@ -2141,6 +2352,10 @@ button:focus-visible {
2141
2352
  opacity: 0.7;
2142
2353
  }
2143
2354
 
2355
+ .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
2356
+ pointer-events: none;
2357
+ }
2358
+
2144
2359
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
2145
2360
  pointer-events: none;
2146
2361
  }
@@ -2165,14 +2380,42 @@ button:focus-visible {
2165
2380
  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));
2166
2381
  }
2167
2382
 
2383
+ .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
2384
+ background-color: hsl(var(--accent));
2385
+ }
2386
+
2168
2387
  .data-\[state\=active\]\:bg-background[data-state="active"] {
2169
2388
  background-color: hsl(var(--background));
2170
2389
  }
2171
2390
 
2391
+ .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
2392
+ background-color: hsl(var(--primary));
2393
+ }
2394
+
2395
+ .data-\[state\=open\]\:bg-accent[data-state="open"] {
2396
+ background-color: hsl(var(--accent));
2397
+ }
2398
+
2399
+ .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
2400
+ color: hsl(var(--accent-foreground));
2401
+ }
2402
+
2172
2403
  .data-\[state\=active\]\:text-foreground[data-state="active"] {
2173
2404
  color: hsl(var(--foreground));
2174
2405
  }
2175
2406
 
2407
+ .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
2408
+ color: hsl(var(--primary-foreground));
2409
+ }
2410
+
2411
+ .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
2412
+ color: hsl(var(--muted-foreground));
2413
+ }
2414
+
2415
+ .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
2416
+ opacity: 0.5;
2417
+ }
2418
+
2176
2419
  .data-\[disabled\]\:opacity-50[data-disabled] {
2177
2420
  opacity: 0.5;
2178
2421
  }
@@ -2235,6 +2478,22 @@ button:focus-visible {
2235
2478
  --tw-enter-translate-y: 0.5rem;
2236
2479
  }
2237
2480
 
2481
+ .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
2482
+ --tw-exit-translate-x: -50%;
2483
+ }
2484
+
2485
+ .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
2486
+ --tw-exit-translate-y: -48%;
2487
+ }
2488
+
2489
+ .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
2490
+ --tw-enter-translate-x: -50%;
2491
+ }
2492
+
2493
+ .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
2494
+ --tw-enter-translate-y: -48%;
2495
+ }
2496
+
2238
2497
  .dark\:border-destructive:is(.dark *) {
2239
2498
  border-color: hsl(var(--destructive));
2240
2499
  }
@@ -2244,6 +2503,11 @@ button:focus-visible {
2244
2503
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
2245
2504
  }
2246
2505
 
2506
+ .dark\:border-gray-800:is(.dark *) {
2507
+ --tw-border-opacity: 1;
2508
+ border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
2509
+ }
2510
+
2247
2511
  .dark\:bg-gray-800:is(.dark *) {
2248
2512
  --tw-bg-opacity: 1;
2249
2513
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
@@ -2254,6 +2518,11 @@ button:focus-visible {
2254
2518
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
2255
2519
  }
2256
2520
 
2521
+ .dark\:text-gray-300:is(.dark *) {
2522
+ --tw-text-opacity: 1;
2523
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2524
+ }
2525
+
2257
2526
  .dark\:text-white:is(.dark *) {
2258
2527
  --tw-text-opacity: 1;
2259
2528
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2264,6 +2533,31 @@ button:focus-visible {
2264
2533
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2265
2534
  }
2266
2535
 
2536
+ @media (min-width: 640px) {
2537
+
2538
+ .sm\:flex-row {
2539
+ flex-direction: row;
2540
+ }
2541
+
2542
+ .sm\:justify-end {
2543
+ justify-content: flex-end;
2544
+ }
2545
+
2546
+ .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
2547
+ --tw-space-x-reverse: 0;
2548
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2549
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2550
+ }
2551
+
2552
+ .sm\:rounded-lg {
2553
+ border-radius: var(--radius);
2554
+ }
2555
+
2556
+ .sm\:text-left {
2557
+ text-align: left;
2558
+ }
2559
+ }
2560
+
2267
2561
  .\[\&\>span\]\:line-clamp-1>span {
2268
2562
  overflow: hidden;
2269
2563
  display: -webkit-box;
@@ -2300,6 +2594,81 @@ button:focus-visible {
2300
2594
  padding-left: 1.75rem;
2301
2595
  }
2302
2596
 
2597
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
2598
+ padding-left: 0.5rem;
2599
+ padding-right: 0.5rem;
2600
+ }
2601
+
2602
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
2603
+ padding-top: 0.375rem;
2604
+ padding-bottom: 0.375rem;
2605
+ }
2606
+
2607
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
2608
+ font-size: 0.75rem;
2609
+ line-height: 1rem;
2610
+ }
2611
+
2612
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
2613
+ font-weight: 500;
2614
+ }
2615
+
2616
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
2617
+ color: hsl(var(--muted-foreground));
2618
+ }
2619
+
2620
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
2621
+ padding-top: 0px;
2622
+ }
2623
+
2624
+ .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
2625
+ padding-left: 0.5rem;
2626
+ padding-right: 0.5rem;
2627
+ }
2628
+
2629
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
2630
+ height: 1.25rem;
2631
+ }
2632
+
2633
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
2634
+ width: 1.25rem;
2635
+ }
2636
+
2637
+ .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
2638
+ height: 3rem;
2639
+ }
2640
+
2641
+ .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
2642
+ padding-left: 0.5rem;
2643
+ padding-right: 0.5rem;
2644
+ }
2645
+
2646
+ .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
2647
+ padding-top: 0.75rem;
2648
+ padding-bottom: 0.75rem;
2649
+ }
2650
+
2651
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
2652
+ height: 1.25rem;
2653
+ }
2654
+
2655
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
2656
+ width: 1.25rem;
2657
+ }
2658
+
2303
2659
  .\[\&_p\]\:leading-relaxed p {
2304
2660
  line-height: 1.625;
2305
2661
  }
2662
+
2663
+ .\[\&_svg\]\:pointer-events-none svg {
2664
+ pointer-events: none;
2665
+ }
2666
+
2667
+ .\[\&_svg\]\:size-4 svg {
2668
+ width: 1rem;
2669
+ height: 1rem;
2670
+ }
2671
+
2672
+ .\[\&_svg\]\:shrink-0 svg {
2673
+ flex-shrink: 0;
2674
+ }