@max-ts/kit 1.0.1 → 1.1.0

package/lib/styles.css

@@ -1562,6 +1562,459 @@ a.outline__1af895x4:hover {
   color: inherit;
 }
 
+.style__1rv6t1j0 {
+  min-height: var(--spacing-8);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  background-color: #0000;
+  outline: none;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  transition: border-color .2s, box-shadow .2s;
+  display: flex;
+  position: relative;
+}
+
+.style__1rv6t1j0:focus-within {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+}
+
+.style__1rv6t1j0:has([disabled]) {
+  opacity: .5;
+  background-color: var(--colors-background-element);
+}
+
+.style__1rv6t1j0:has([aria-invalid="true"]) {
+  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
+}
+
+.style__1rv6t1j0:has([data-align="block-start"]), .style__1rv6t1j0:has([data-align="block-end"]) {
+  flex-direction: column;
+  align-items: stretch;
+  height: auto;
+}
+
+.style__1rv6t1j0:has(textarea) {
+  height: auto;
+}
+
+.style__1rv6t1j1 {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-2);
+  height: auto;
+  color: var(--colors-text-hint);
+  font-size: var(--fontSize-sm);
+  font-weight: var(--fontWeight-medium);
+  -webkit-user-select: none;
+  user-select: none;
+  display: flex;
+}
+
+.style__1rv6t1j1 svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  color: currentColor;
+  flex-shrink: 0;
+}
+
+.inline-start__1rv6t1j2 {
+  padding-left: var(--spacing-2);
+  order: -1;
+}
+
+.inline-end__1rv6t1j3 {
+  padding-right: var(--spacing-2);
+  order: 1;
+}
+
+.block-start__1rv6t1j4 {
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3) 0;
+  order: -1;
+  justify-content: flex-start;
+}
+
+.block-end__1rv6t1j5 {
+  width: 100%;
+  padding: 0 var(--spacing-3) var(--spacing-2);
+  order: 1;
+  justify-content: flex-start;
+}
+
+.style__1rv6t1j6 {
+  box-shadow: none;
+}
+
+.xs__1rv6t1j7 {
+  height: var(--spacing-6);
+  gap: var(--spacing-1);
+  padding: 0 var(--spacing-2);
+  font-size: var(--fontSize-xs);
+}
+
+.sm__1rv6t1j8 {
+  height: 28px;
+  padding: 0 var(--spacing-2);
+  font-size: var(--fontSize-sm);
+}
+
+.icon-xs__1rv6t1j9 {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+  padding: 0;
+}
+
+.icon-sm__1rv6t1ja {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  padding: 0;
+}
+
+.style__1rv6t1jb {
+  align-items: center;
+  gap: var(--spacing-2);
+  color: var(--colors-text-hint);
+  font-size: var(--fontSize-sm);
+  display: flex;
+}
+
+.style__1rv6t1jc {
+  min-width: 0;
+  color: var(--colors-text-primary);
+  font-family: inherit;
+  font-size: var(--fontSize-sm);
+  box-shadow: none;
+  background-color: #0000;
+  border: 0;
+  outline: none;
+  flex: 1;
+}
+
+.style__1rv6t1jc::placeholder {
+  color: var(--colors-text-hint);
+}
+
+.style__1rv6t1jc:disabled {
+  cursor: not-allowed;
+  opacity: 1;
+}
+
+.style__1rv6t1jd {
+  height: calc(100% - 2px);
+  padding-inline: var(--spacing-2);
+}
+
+.style__1rv6t1je {
+  min-height: var(--spacing-16);
+  padding: var(--spacing-2) var(--spacing-3);
+  resize: none;
+}
+
+.style__1rv6t1j6 svg, .style__1rv6t1jb svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+}
+
+@keyframes style__1udu12r0 {
+  from {
+    opacity: 0;
+    transform: scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes style__1udu12r1 {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.95);
+  }
+}
+
+.style__1udu12r2 {
+  color: var(--colors-text-secondary);
+}
+
+.style__1udu12r2[data-pressed] {
+  background-color: #0000;
+}
+
+.style__1udu12r3 {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  color: var(--colors-text-secondary);
+}
+
+.style__1udu12r4 {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+}
+
+.style__1udu12r5 {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+  border-radius: var(--borderRadius-sm);
+  color: var(--colors-text-secondary);
+  cursor: pointer;
+  background-color: #0000;
+  border: 0;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  font-family: inherit;
+  transition: background-color .2s, opacity .2s;
+  display: inline-flex;
+}
+
+.style__1udu12r5:hover {
+  background-color: var(--colors-background-elementHover);
+}
+
+.style__1udu12r5:disabled {
+  pointer-events: none;
+  opacity: .5;
+}
+
+.style__1udu12r5:focus-visible {
+  box-shadow: 0 0 0 2px color-mix(in oklch, var(--colors-primary) 30%, transparent);
+  outline: none;
+}
+
+.style__1udu12r6 {
+  width: auto;
+}
+
+.style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
+  display: none;
+}
+
+.style__1udu12r8 {
+  isolation: isolate;
+  z-index: 5000;
+}
+
+.style__1udu12r9 {
+  z-index: 5000;
+  box-sizing: border-box;
+  width: var(--anchor-width);
+  min-width: var(--anchor-width);
+  max-width: var(--available-width);
+  max-height: var(--available-height);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-primary);
+  box-shadow: var(--elevation-2);
+  transform-origin: var(--transform-origin);
+  position: relative;
+  overflow: hidden;
+}
+
+.style__1udu12r9[data-open] {
+  animation: .12s ease-out style__1udu12r0;
+}
+
+.style__1udu12r9[data-closed] {
+  animation: .1s ease-in style__1udu12r1;
+}
+
+.style__1udu12r9[data-chips="true"] {
+  min-width: var(--anchor-width);
+}
+
+.style__1udu12ra {
+  max-height: min(calc(var(--spacing-20) * 3), calc(var(--available-height) - var(--spacing-8)));
+  overscroll-behavior: contain;
+  padding: var(--spacing-1);
+  scroll-padding-block: var(--spacing-1);
+  overflow-y: auto;
+}
+
+.style__1udu12ra[data-empty] {
+  padding: 0;
+}
+
+.style__1udu12rb {
+  cursor: default;
+  -webkit-user-select: none;
+  user-select: none;
+  align-items: center;
+  gap: var(--spacing-2);
+  border-radius: var(--borderRadius-sm);
+  width: 100%;
+  padding: var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-2);
+  font-size: var(--fontSize-sm);
+  outline: none;
+  display: flex;
+  position: relative;
+}
+
+.style__1udu12rb[data-highlighted] {
+  background-color: var(--colors-background-elementHover);
+  color: var(--colors-text-primary);
+}
+
+.style__1udu12rb[data-disabled] {
+  pointer-events: none;
+  opacity: .5;
+}
+
+.style__1udu12rc {
+  right: var(--spacing-2);
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+}
+
+.style__1udu12rd {
+  padding: var(--spacing-1) var(--spacing-2);
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-xs);
+}
+
+.style__1udu12re {
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  text-align: center;
+  justify-content: center;
+  display: none;
+}
+
+.style__1udu12r9[data-empty] .style__1udu12re {
+  display: flex;
+}
+
+.style__1udu12rf {
+  height: 1px;
+  margin: var(--spacing-1) 0;
+  background-color: var(--colors-border);
+}
+
+.style__1udu12rg {
+  min-height: var(--spacing-8);
+  align-items: center;
+  gap: var(--spacing-1);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  padding: var(--spacing-1) var(--spacing-2);
+  font-size: var(--fontSize-sm);
+  background-clip: padding-box;
+  flex-wrap: wrap;
+  transition: border-color .2s, box-shadow .2s;
+  display: flex;
+}
+
+.style__1udu12rg:focus-within {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+}
+
+.style__1udu12rg:has([aria-invalid="true"]) {
+  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
+}
+
+.style__1udu12rh {
+  width: fit-content;
+  height: var(--spacing-5);
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-1);
+  border-radius: var(--borderRadius-sm);
+  background-color: var(--colors-background-element);
+  padding: 0 var(--spacing-2);
+  color: var(--colors-text-primary);
+  font-size: var(--fontSize-xs);
+  font-weight: var(--fontWeight-medium);
+  white-space: nowrap;
+  display: flex;
+}
+
+.style__1udu12rh:has([disabled]) {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.style__1udu12ri {
+  padding-right: 0;
+}
+
+.style__1udu12rj {
+  margin-left: -var(--spacing-1);
+  opacity: .5;
+}
+
+.style__1udu12rj:hover {
+  opacity: 1;
+}
+
+.style__1udu12rk {
+  border-radius: var(--borderRadius-sm);
+  color: inherit;
+  cursor: pointer;
+  background-color: #0000;
+  border: 0;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  display: inline-flex;
+}
+
+.style__1udu12rl {
+  min-width: var(--spacing-16);
+  color: var(--colors-text-primary);
+  font-family: inherit;
+  font-size: var(--fontSize-sm);
+  background-color: #0000;
+  border: 0;
+  outline: none;
+  flex: 1;
+}
+
+.icon-xs__1udu12rm {
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+  padding: 0;
+}
+
+.style__1udu12rb svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  flex-shrink: 0;
+}
+
+.style__1udu12rj svg {
+  width: var(--spacing-3);
+  height: var(--spacing-3);
+  pointer-events: none;
+}
+
 @keyframes style__1xy4jvu0 {
   from {
     opacity: 0;
@@ -2410,12 +2863,13 @@ a.outline__1af895x4:hover {
 
 .Input__1blk89u0 {
   align-items: center;
-  transition: border-color .2s, background-color .2s;
+  transition: outline-color .2s, box-shadow .2s;
   display: flex;
 }
 
 .Input__1blk89u0:focus-within {
-  border-color: color-mix(in oklch, var(--colors-primary) 80%, transparent);
+  outline-color: color-mix(in oklch, var(--colors-primary) 80%, transparent);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
 }
 
 .Input__1blk89u0:hover {
@@ -2436,34 +2890,25 @@ a.outline__1af895x4:hover {
   width: 100%;
 }
 
-.style__1blk89u4:hover {
-  outline-color: color-mix(in oklch, var(--colors-border) 80%, var(--colors-primary) 100%);
-  border-color: color-mix(in oklch, var(--colors-border) 80%, var(--colors-primary) 100%);
-}
-
-.style__1blk89u5:focus-within {
-  outline-color: color-mix(in oklch, var(--colors-primary) 80%, transparent);
-}
-
-.style__1blk89u6 {
+.style__1blk89u4 {
   opacity: .5;
   border-color: var(--colors-border);
 }
 
-.style__1blk89u7 {
+.style__1blk89u5 {
   outline-color: var(--colors-error);
 }
 
-.style__1blk89u7:focus-within {
+.style__1blk89u5:focus-within {
   outline-color: color-mix(in oklch, var(--colors-error) 80%, transparent);
-  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
 }
 
-.style__1blk89u7:hover {
+.style__1blk89u5:hover {
   outline-color: var(--colors-error);
 }
 
-.style__1blk89u8 {
+.style__1blk89u6 {
   font-size: inherit;
   background: none;
   border: none;
@@ -2472,49 +2917,49 @@ a.outline__1af895x4:hover {
   font-family: inherit;
 }
 
-.style__1blk89u8:focus {
+.style__1blk89u6:focus {
   outline: none;
 }
 
-.style__1blk89u8::placeholder {
+.style__1blk89u6::placeholder {
   color: var(--colors-text-hint);
 }
 
-.style__1blk89u8:disabled {
+.style__1blk89u6:disabled {
   opacity: .5;
   cursor: not-allowed;
 }
 
-.sm__1blk89u9 {
+.sm__1blk89u7 {
   height: 28px;
   padding: .125rem var(--spacing-2);
   font-size: var(--fontSize-sm);
 }
 
-.md__1blk89ua {
+.md__1blk89u8 {
   height: 32px;
   padding: var(--spacing-1) var(--spacing-3);
   font-size: var(--fontSize-base);
 }
 
-.lg__1blk89ub {
+.lg__1blk89u9 {
   height: 36px;
   padding: var(--spacing-2) var(--spacing-3);
   font-size: var(--fontSize-base);
 }
 
-.style__1blk89uc {
+.style__1blk89ua {
   padding: 0 var(--spacing-2);
   justify-content: center;
   align-items: center;
   display: flex;
 }
 
-.style__1blk89ud {
+.style__1blk89ub {
   padding-left: 0;
 }
 
-.style__1blk89ue {
+.style__1blk89uc {
   padding-right: 0;
 }
 
@@ -3318,41 +3763,18 @@ a.outline__1af895x4:hover {
   }
 }
 
-.Breadcrumbs__nvcxbd0 {
-  align-items: center;
-  column-gap: var(--spacing-2);
-  grid-area: breadcrumbs;
-  display: flex;
-}
-
-.style__nvcxbd1 {
+.style__nvcxbd0 {
   padding: var(--spacing-4);
   align-items: center;
   gap: var(--spacing-2);
   grid-area: header;
-  grid-template-rows: repeat(3, auto);
-  grid-template-columns: auto 1fr auto;
-  grid-template-areas: "buttons title actions"
-                       "subtitle subtitle subtitle"
-                       ". . .";
+  grid-template-columns: 1fr auto;
+  grid-template-areas: "content actions";
   padding-bottom: 0;
   display: grid;
 }
 
-.style__nvcxbd1:has(.Breadcrumbs__nvcxbd0) {
-  grid-template-areas: "buttons breadcrumbs actions"
-                       "title title title"
-                       "subtitle subtitle subtitle";
-}
-
-.style__nvcxbd2 {
-  align-items: center;
-  column-gap: var(--spacing-1);
-  grid-area: buttons;
-  display: flex;
-}
-
-.style__nvcxbd3 {
+.style__nvcxbd1 {
   justify-content: flex-end;
   align-items: center;
   column-gap: var(--spacing-2);
@@ -3360,34 +3782,8 @@ a.outline__1af895x4:hover {
   display: flex;
 }
 
-.style__nvcxbd4 {
-  hyphens: auto;
-  overflow-wrap: break-word;
-  text-align: left;
-  grid-area: title;
-  overflow: hidden;
-}
-
-.style__nvcxbd5 {
-  align-items: center;
-  column-gap: var(--spacing-2);
-  grid-area: title;
-  display: flex;
-}
-
-.style__nvcxbd6 {
-  hyphens: auto;
-  overflow-wrap: break-word;
-  text-align: left;
-  grid-area: subtitle;
-  overflow: hidden;
-}
-
-.style__nvcxbd7 {
-  align-items: center;
-  column-gap: var(--spacing-2);
-  grid-area: subtitle;
-  display: flex;
+.style__nvcxbd2 {
+  grid-area: content;
 }
 
 .style__adrl250 {
@@ -4961,6 +5357,44 @@ a.outline__1af895x4:hover {
   outline: none;
 }
 
+.style__1a927tn0 {
+  field-sizing: content;
+  min-height: var(--spacing-16);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  font-family: inherit;
+  font-size: var(--fontSize-base);
+  line-height: var(--lineHeight-normal);
+  color: var(--colors-text-primary);
+  resize: vertical;
+  background-color: #0000;
+  outline: none;
+  transition: border-color .2s, box-shadow .2s;
+  display: flex;
+}
+
+.style__1a927tn0::placeholder {
+  color: var(--colors-text-hint);
+}
+
+.style__1a927tn0:focus-visible {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+}
+
+.style__1a927tn0:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+  background-color: var(--colors-background-element);
+}
+
+.style__1a927tn0[aria-invalid="true"] {
+  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
+}
+
 .style__10hvn8a0 {
   font-family: inherit;
   font-size: inherit;