ml-uikit 1.1.1 → 1.1.2

package/dist/style.css

@@ -724,9 +724,9 @@ video {
   margin-top: -0.5rem;
   margin-bottom: -0.5rem;
 }
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
 }
 .mx-3\.5 {
   margin-left: 0.875rem;
@@ -758,9 +758,6 @@ video {
 .-mt-4 {
   margin-top: -1rem;
 }
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -779,9 +776,6 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
-.mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .mt-1\.5 {
   margin-top: 0.375rem;
 }
@@ -989,6 +983,12 @@ video {
 .min-h-\[260px\] {
   min-height: 260px;
 }
+.min-h-\[420px\] {
+  min-height: 420px;
+}
+.min-h-\[82px\] {
+  min-height: 82px;
+}
 .min-h-svh {
   min-height: 100svh;
 }
@@ -1100,9 +1100,6 @@ video {
 .w-\[60\%\] {
   width: 60%;
 }
-.w-auto {
-  width: auto;
-}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1156,6 +1153,9 @@ video {
 .max-w-\[1120px\] {
   max-width: 1120px;
 }
+.max-w-\[320px\] {
+  max-width: 320px;
+}
 .max-w-\[760px\] {
   max-width: 760px;
 }
@@ -1332,6 +1332,9 @@ video {
 .justify-start {
   justify-content: flex-start;
 }
+.justify-end {
+  justify-content: flex-end;
+}
 .justify-center {
   justify-content: center;
 }
@@ -1341,6 +1344,9 @@ video {
 .justify-items-start {
   justify-items: start;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1437,6 +1443,11 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1535,37 +1546,37 @@ video {
 .border-dashed {
   border-style: dashed;
 }
-.border-\[\#26453f\] {
+.border-\[\#2563eb\] {
   --tw-border-opacity: 1;
-  border-color: rgb(38 69 63 / var(--tw-border-opacity, 1));
+  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
-.border-\[\#bdbdbd\] {
+.border-\[\#26453f\] {
   --tw-border-opacity: 1;
-  border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
+  border-color: rgb(38 69 63 / var(--tw-border-opacity, 1));
 }
-.border-\[\#c9e9d5\] {
+.border-\[\#307f4a\] {
   --tw-border-opacity: 1;
-  border-color: rgb(201 233 213 / var(--tw-border-opacity, 1));
+  border-color: rgb(48 127 74 / var(--tw-border-opacity, 1));
 }
-.border-\[\#cfe3ff\] {
+.border-\[\#bdbdbd\] {
   --tw-border-opacity: 1;
-  border-color: rgb(207 227 255 / var(--tw-border-opacity, 1));
+  border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
 }
 .border-\[\#dcdcde\] {
   --tw-border-opacity: 1;
   border-color: rgb(220 220 222 / var(--tw-border-opacity, 1));
 }
-.border-\[\#e6e6e6\] {
+.border-\[\#e49614\] {
   --tw-border-opacity: 1;
-  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+  border-color: rgb(228 150 20 / var(--tw-border-opacity, 1));
 }
-.border-\[\#f2bcbc\] {
+.border-\[\#e6e6e6\] {
   --tw-border-opacity: 1;
-  border-color: rgb(242 188 188 / var(--tw-border-opacity, 1));
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
 }
-.border-\[\#ffd59e\] {
+.border-\[\#e73f3f\] {
   --tw-border-opacity: 1;
-  border-color: rgb(255 213 158 / var(--tw-border-opacity, 1));
+  border-color: rgb(231 63 63 / var(--tw-border-opacity, 1));
 }
 .border-\[--color-border\] {
   border-color: var(--color-border);
@@ -1598,6 +1609,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(38 69 63 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#d9d9d9\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#e5f1ee\] {
   --tw-bg-opacity: 1;
   background-color: rgb(229 241 238 / var(--tw-bg-opacity, 1));
@@ -1614,10 +1629,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(232 246 237 / var(--tw-bg-opacity, 1));
 }
-.bg-\[\#e9f1ff\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(233 241 255 / var(--tw-bg-opacity, 1));
-}
 .bg-\[\#f1f1f1\] {
   --tw-bg-opacity: 1;
   background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
@@ -1689,12 +1700,6 @@ video {
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
-.bg-sidebar {
-  background-color: hsl(var(--sidebar-background));
-}
-.bg-sidebar-border {
-  background-color: hsl(var(--sidebar-border));
-}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1754,6 +1759,10 @@ video {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
 .px-\[--cell-size\] {
   padding-left: var(--cell-size);
   padding-right: var(--cell-size);
@@ -1786,6 +1795,10 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
@@ -1842,6 +1855,9 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-5 {
+  padding-top: 1.25rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1860,6 +1876,10 @@ video {
 .font-sans {
   font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
 .text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
@@ -1905,6 +1925,10 @@ video {
   font-size: 0.875rem;
   line-height: 1.625;
 }
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1924,6 +1948,9 @@ video {
 .font-semibold {
   font-weight: 600;
 }
+.uppercase {
+  text-transform: uppercase;
+}
 .italic {
   font-style: italic;
 }
@@ -1931,9 +1958,15 @@ video {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-10 {
+  line-height: 2.5rem;
+}
 .leading-5 {
   line-height: 1.25rem;
 }
+.leading-8 {
+  line-height: 2rem;
+}
 .leading-\[14px\] {
   line-height: 14px;
 }
@@ -1973,6 +2006,9 @@ video {
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
 .tracking-widest {
   letter-spacing: 0.1em;
 }
@@ -2016,6 +2052,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(149 191 71 / var(--tw-text-opacity, 1));
 }
+.text-\[\#adacb0\] {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
 .text-\[\#e49614\] {
   --tw-text-opacity: 1;
   color: rgb(228 150 20 / var(--tw-text-opacity, 1));
@@ -2061,9 +2101,6 @@ video {
 .text-sidebar-foreground {
   color: hsl(var(--sidebar-foreground));
 }
-.text-sidebar-foreground\/70 {
-  color: hsl(var(--sidebar-foreground) / 0.7);
-}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2091,9 +2128,9 @@ video {
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+.shadow-\[0px_2px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.12\)\2c 0px_4px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.08\)\] {
+  --tw-shadow: 0px 2px 4px -2px rgba(19,25,39,0.12),0px 4px 4px -2px rgba(19,25,39,0.08);
+  --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-lg {
@@ -2158,6 +2195,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[background-color\2c border-color\2c color\2c width\2c height\2c padding\] {
+  transition-property: background-color,border-color,color,width,height,padding;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-\[color\2c box-shadow\] {
   transition-property: color,box-shadow;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2173,11 +2215,6 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-\[width\2c height\2c padding\] {
-  transition-property: width,height,padding;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .transition-\[width\] {
   transition-property: width;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2308,6 +2345,14 @@ video {
 .file\:text-foreground::file-selector-button {
   color: hsl(var(--foreground));
 }
+.placeholder\:text-\[\#adacb0\]::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
+.placeholder\:text-\[\#adacb0\]::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
 .placeholder\:text-\[\#b3b3b3\]::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(179 179 179 / var(--tw-text-opacity, 1));
@@ -2361,10 +2406,22 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
 }
+.hover\:border-\[\#dcdcde\]:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 220 222 / var(--tw-border-opacity, 1));
+}
+.hover\:border-\[\#f1f1f1\]:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
 .hover\:bg-\[\#1f3631\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(31 54 49 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-\[\#1f3934\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 57 52 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-\[\#cf2f2f\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(207 47 47 / var(--tw-bg-opacity, 1));
@@ -2385,6 +2442,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-\[\#fafafa\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -2394,6 +2455,10 @@ video {
 .hover\:bg-sidebar-accent:hover {
   background-color: hsl(var(--sidebar-accent));
 }
+.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
 .hover\:text-\[\#111111\]:hover {
   --tw-text-opacity: 1;
   color: rgb(17 17 17 / var(--tw-text-opacity, 1));
@@ -2405,6 +2470,10 @@ video {
 .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .hover\:text-foreground:hover {
   color: hsl(var(--foreground));
 }
@@ -2420,11 +2489,6 @@ video {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
-.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .hover\:after\:bg-sidebar-border:hover::after {
   content: var(--tw-content);
   background-color: hsl(var(--sidebar-border));
@@ -2497,6 +2561,10 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(29 28 32 / var(--tw-ring-opacity, 1));
 }
+.focus-visible\:ring-\[\#26453f\]:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(38 69 63 / var(--tw-ring-opacity, 1));
+}
 .focus-visible\:ring-destructive\/20:focus-visible {
   --tw-ring-color: hsl(var(--destructive) / 0.2);
 }
@@ -2506,18 +2574,27 @@ video {
 .focus-visible\:ring-ring\/50:focus-visible {
   --tw-ring-color: hsl(var(--ring) / 0.5);
 }
-.focus-visible\:ring-sidebar-ring:focus-visible {
-  --tw-ring-color: hsl(var(--sidebar-ring));
-}
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
 .focus-visible\:ring-offset-white:focus-visible {
   --tw-ring-offset-color: #fff;
 }
+.active\:border-\[\#f1f1f1\]:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
+.active\:bg-\[\#fafafa\]:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .active\:bg-sidebar-accent:active {
   background-color: hsl(var(--sidebar-accent));
 }
+.active\:text-black:active {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .active\:text-sidebar-accent-foreground:active {
   color: hsl(var(--sidebar-accent-foreground));
 }
@@ -2803,6 +2880,10 @@ video {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.data-\[active\=true\]\:border-\[\#f1f1f1\][data-active="true"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
 .data-\[state\=checked\]\:border-\[\#26453f\][data-state="checked"] {
   --tw-border-opacity: 1;
   border-color: rgb(38 69 63 / var(--tw-border-opacity, 1));
@@ -2815,6 +2896,14 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
 }
+.data-\[state\=open\]\:border-\[\#f1f1f1\][data-state="open"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
+.data-\[active\=true\]\:bg-\[\#fafafa\][data-active="true"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
   background-color: hsl(var(--sidebar-accent));
 }
@@ -2856,6 +2945,10 @@ video {
 .data-\[state\=on\]\:bg-accent[data-state="on"] {
   background-color: hsl(var(--accent));
 }
+.data-\[state\=open\]\:bg-\[\#fafafa\][data-state="open"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=open\]\:bg-accent[data-state="open"] {
   background-color: hsl(var(--accent));
 }
@@ -2880,6 +2973,10 @@ video {
 .data-\[active\=true\]\:font-medium[data-active="true"] {
   font-weight: 500;
 }
+.data-\[active\=true\]\:text-black[data-active="true"] {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
   color: hsl(var(--sidebar-accent-foreground));
 }
@@ -2915,6 +3012,10 @@ video {
 .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
   color: hsl(var(--accent-foreground));
 }
+.data-\[state\=open\]\:text-black[data-state="open"] {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
   color: hsl(var(--muted-foreground));
 }
@@ -3091,12 +3192,6 @@ video {
 .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] {
   background-color: hsl(var(--accent));
 }
-.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
-  background-color: hsl(var(--sidebar-accent));
-}
-.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
-  color: hsl(var(--sidebar-accent-foreground));
-}
 .data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] {
   background-color: hsl(var(--accent));
 }
@@ -3153,9 +3248,9 @@ video {
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
   display: none;
 }
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
-  width: 2rem !important;
-  height: 2rem !important;
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-10 {
+  width: 2.5rem !important;
+  height: 2.5rem !important;
 }
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
   width: var(--sidebar-width-icon);
@@ -3181,6 +3276,12 @@ video {
   --tw-rotate: 180deg;
   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));
 }
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:items-center {
+  align-items: center;
+}
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!justify-center {
+  justify-content: center !important;
+}
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
   overflow: hidden;
 }
@@ -3199,8 +3300,17 @@ video {
 .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring {
   border-color: hsl(var(--ring));
 }
-.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
-  border-color: hsl(var(--sidebar-border));
+.group[data-side="left"] .group-data-\[side\=left\]\:border-\[\#e6e6e6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
+.group[data-side="right"] .group-data-\[side\=right\]\:border-\[\#e6e6e6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
+.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-\[\#e6e6e6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
 }
 .group\/slider[data-disabled="true"] .group-data-\[disabled\=true\]\/slider\:bg-\[\#f2f2f2\] {
   --tw-bg-opacity: 1;
@@ -3209,8 +3319,13 @@ video {
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
   padding: 0px !important;
 }
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
-  padding: 0.5rem !important;
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 .group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:text-\[\#b3b3b3\] {
   --tw-text-opacity: 1;
@@ -3316,14 +3431,6 @@ video {
     position: absolute;
   }
 
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
   .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
     width: var(--radix-navigation-menu-viewport-width);
   }
@@ -3339,33 +3446,39 @@ video {
   .md\:p-12 {
     padding: 3rem;
   }
+}
+@media (min-width: 1024px) {
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
 
-  .md\:opacity-0 {
+  .lg\:opacity-0 {
     opacity: 0;
   }
 
-  .after\:md\:hidden::after {
+  .after\:lg\:hidden::after {
     content: var(--tw-content);
     display: none;
   }
 
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:m-2 {
     margin: 0.5rem;
   }
 
-  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:ml-0 {
     margin-left: 0px;
   }
 
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:rounded-xl {
     border-radius: 0.75rem;
   }
 
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:shadow {
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -3388,6 +3501,9 @@ video {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child) {
+  margin-top: 0.5rem;
+}
 .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -3478,6 +3594,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>span\:last-child\]\:hidden>span:last-child {
+  display: none;
+}
 .\[\&\>span\]\:line-clamp-1>span {
   overflow: hidden;
   display: -webkit-box;
@@ -3514,6 +3633,10 @@ video {
   width: 1rem;
   height: 1rem;
 }
+.\[\&\>svg\]\:size-5>svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .\[\&\>svg\]\:h-2\.5>svg {
   height: 0.625rem;
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "ml-uikit",
   "description": "A Metis Labs UI kit library starter for React with Tailwind CSS, Vite, TypeScript and Shadcn-ui components.",
   "private": false,
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/dist/hooks/use-mobile.d.ts

@@ -1,2 +0,0 @@
-export declare function useIsMobile(): boolean;
-//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-mobile.tsx"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/index.cjs58.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=s(c),i=768;function a(){const[e,n]=r.useState(void 0);return r.useEffect(()=>{const t=window.matchMedia(`(max-width: ${i-1}px)`),o=()=>{n(window.innerWidth<i)};return t.addEventListener("change",o),n(window.innerWidth<i),()=>t.removeEventListener("change",o)},[]),!!e}exports.useIsMobile=a;
-//# sourceMappingURL=index.cjs58.js.map

package/dist/index.cjs58.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs58.js","sources":["../src/hooks/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":"mYAEMA,EAAoB,IAEnB,SAASC,GAAc,CAC5B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAM,SAA8B,MAAS,EAE7EA,OAAAA,EAAM,UAAU,IAAM,CACpB,MAAMC,EAAM,OAAO,WAAW,eAAeL,EAAoB,CAAC,KAAK,EACjEM,EAAW,IAAM,CACrBH,EAAY,OAAO,WAAaH,CAAiB,CACnD,EACA,OAAAK,EAAI,iBAAiB,SAAUC,CAAQ,EACvCH,EAAY,OAAO,WAAaH,CAAiB,EAC1C,IAAMK,EAAI,oBAAoB,SAAUC,CAAQ,CACzD,EAAG,CAAA,CAAE,EAEE,CAAC,CAACJ,CACX"}