@mastra/playground-ui 58.0.0 → 59.0.0-alpha.1

package/dist/style.css

@@ -561,6 +561,14 @@
     border-color: var(--border);
   }
 
+  :where(code, samp, pre, .font-mono) {
+    font-size-adjust: var(--font-mono-size-adjust, none);
+  }
+
+  kbd {
+    font-size-adjust: none;
+  }
+
   body {
     background-color: var(--sidebar);
     color: var(--foreground);
@@ -1643,6 +1651,10 @@
     margin-top: calc(var(--spacing) * .5);
   }
 
+  .mt-0\.75 {
+    margin-top: calc(var(--spacing) * .75);
+  }
+
   .mt-1 {
     margin-top: var(--spacing);
   }
@@ -2037,6 +2049,11 @@
     height: 1.125rem;
   }
 
+  .size-\[7px\] {
+    width: 7px;
+    height: 7px;
+  }
+
   .size-control-md {
     width: var(--spacing-control-md);
     height: var(--spacing-control-md);
@@ -3409,6 +3426,16 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .translate-x-4 {
+    --tw-translate-x: calc(var(--spacing) * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .-translate-y-1 {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3424,8 +3451,13 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .-translate-y-px {
-    --tw-translate-y: -1px;
+  .translate-y-0 {
+    --tw-translate-y: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-y-1 {
+    --tw-translate-y: var(--spacing);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
@@ -3600,6 +3632,10 @@
     grid-template-columns: 0 repeat(9, 1fr);
   }
 
+  .grid-cols-\[0fr\] {
+    grid-template-columns: 0fr;
+  }
+
   .grid-cols-\[0px_1fr_0fr\] {
     grid-template-columns: 0 1fr 0fr;
   }
@@ -3608,6 +3644,10 @@
     grid-template-columns: 0 1fr 1fr;
   }
 
+  .grid-cols-\[1fr\] {
+    grid-template-columns: 1fr;
+  }
+
   .grid-cols-\[1fr_2fr\] {
     grid-template-columns: 1fr 2fr;
   }
@@ -3744,10 +3784,6 @@
     grid-template-rows: 1fr auto;
   }
 
-  .grid-rows-\[4rem_1fr\] {
-    grid-template-rows: 4rem 1fr;
-  }
-
   .grid-rows-\[auto_1fr\] {
     grid-template-rows: auto 1fr;
   }
@@ -4106,6 +4142,10 @@
     overflow: hidden;
   }
 
+  .overflow-hidden\! {
+    overflow: hidden !important;
+  }
+
   .overflow-visible {
     overflow: visible;
   }
@@ -4294,6 +4334,11 @@
     border-width: 2px;
   }
 
+  .border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
+
   .border-x {
     border-inline-style: var(--tw-border-style);
     border-inline-width: 1px;
@@ -4378,6 +4423,10 @@
     border-color: var(--color-accent3);
   }
 
+  .border-accent6 {
+    border-color: var(--color-accent6);
+  }
+
   .border-background {
     border-color: var(--background);
   }
@@ -4518,7 +4567,17 @@
     }
   }
 
-  .border-notice-destructive\/20 {
+  .border-muted-foreground\/45 {
+    border-color: var(--muted-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-muted-foreground\/45 {
+      border-color: color-mix(in oklab, var(--muted-foreground) 45%, transparent);
+    }
+  }
+
+  .border-notice-destructive, .border-notice-destructive\/20 {
     border-color: var(--color-notice-destructive);
   }
 
@@ -4538,7 +4597,7 @@
     }
   }
 
-  .border-notice-success\/20 {
+  .border-notice-success, .border-notice-success\/20 {
     border-color: var(--color-notice-success);
   }
 
@@ -4548,7 +4607,7 @@
     }
   }
 
-  .border-notice-warning\/20 {
+  .border-notice-warning, .border-notice-warning\/20 {
     border-color: var(--color-notice-warning);
   }
 
@@ -4778,6 +4837,16 @@
     background-color: var(--color-accent3Dark);
   }
 
+  .bg-accent6\/25 {
+    background-color: var(--color-accent6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-accent6\/25 {
+      background-color: color-mix(in oklab, var(--color-accent6) 25%, transparent);
+    }
+  }
+
   .bg-accent6Dark {
     background-color: var(--color-accent6Dark);
   }
@@ -5308,7 +5377,7 @@
     }
   }
 
-  .bg-notice-info, .bg-notice-info\/20 {
+  .bg-notice-info\/20 {
     background-color: var(--color-notice-info);
   }
 
@@ -5482,6 +5551,20 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
+  .bg-linear-to-r {
+    --tw-gradient-position: to right;
+  }
+
+  @supports (background-image: linear-gradient(in lab, red, red)) {
+    .bg-linear-to-r {
+      --tw-gradient-position: to right in oklab;
+    }
+  }
+
+  .bg-linear-to-r {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
   .bg-linear-to-t {
     --tw-gradient-position: to top;
   }
@@ -5496,6 +5579,15 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
+  .bg-\[linear-gradient\(currentColor\,currentColor\)\] {
+    background-image: linear-gradient(currentColor, currentColor);
+  }
+
+  .from-accent6 {
+    --tw-gradient-from: var(--color-accent6);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .from-sidebar {
     --tw-gradient-from: var(--sidebar);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -5536,11 +5628,29 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
 
+  .to-card {
+    --tw-gradient-to: var(--card);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .to-foreground {
+    --tw-gradient-to: var(--foreground);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .to-transparent {
     --tw-gradient-to: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .to-30\% {
+    --tw-gradient-to-position: 30%;
+  }
+
+  .to-\[1\.5rem\] {
+    --tw-gradient-to-position: 1.5rem;
+  }
+
   .mask-r-from-\[calc\(100\%-min\(100\%\,160px\)\)\] {
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
@@ -5577,6 +5687,75 @@
     mask-composite: intersect;
   }
 
+  .\[mask-image\:linear-gradient\(black\,black\)\,linear-gradient\(to_bottom\,black_40\%\,transparent\)\,linear-gradient\(to_top\,black_40\%\,transparent\)\] {
+    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000 40%, #0000), linear-gradient(to top, #000 40%, #0000);
+    mask-image: linear-gradient(#000, #000), linear-gradient(#000 40%, #0000), linear-gradient(to top, #000 40%, #0000);
+  }
+
+  .box-decoration-clone {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+
+  .bg-size-\[0\%_1px\] {
+    background-size: 0% 1px;
+  }
+
+  .bg-size-\[100\%_1px\] {
+    background-size: 100% 1px;
+  }
+
+  .bg-size-\[200\%_100\%\] {
+    background-size: 200% 100%;
+  }
+
+  .bg-clip-text {
+    -webkit-background-clip: text;
+    background-clip: text;
+  }
+
+  .bg-position-\[0\%_0\] {
+    background-position: 0 0;
+  }
+
+  .bg-position-\[100\%_0\] {
+    background-position: 100% 0;
+  }
+
+  .bg-position-\[left_55\%\] {
+    background-position: 0 55%;
+  }
+
+  .bg-position-\[right_55\%\] {
+    background-position: right 55%;
+  }
+
+  .bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .\[mask-composite\:subtract\,add\] {
+    -webkit-mask-composite: source-out, source-over;
+    -webkit-mask-composite: source-out, source-over;
+    mask-composite: subtract, add;
+  }
+
+  .\[mask-size\:100\%_100\%\,100\%_var\(--fade-top\)\,100\%_var\(--fade-bottom\)\] {
+    -webkit-mask-size: 100% 100%,100% var(--fade-top),100% var(--fade-bottom);
+    -webkit-mask-size: 100% 100%,100% var(--fade-top),100% var(--fade-bottom);
+    mask-size: 100% 100%,100% var(--fade-top),100% var(--fade-bottom);
+  }
+
+  .\[mask-position\:0_0\,0_0\,0_100\%\] {
+    -webkit-mask-position: 0 0, 0 0, 0 100%;
+    mask-position: 0 0, 0 0, 0 100%;
+  }
+
+  .mask-no-repeat {
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .fill-card {
     fill: var(--card);
   }
@@ -6925,6 +7104,11 @@
     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, );
   }
 
+  .blur-\[2px\] {
+    --tw-blur: blur(2px);
+    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, );
+  }
+
   .blur-none {
     --tw-blur:  ;
     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, );
@@ -6997,6 +7181,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[background-size\] {
+    transition-property: background-size;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[border-color\,background-color\,box-shadow\] {
     transition-property: border-color, background-color, box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -7027,6 +7217,24 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[d\,stroke-dashoffset\,stroke\] {
+    transition-property: d, stroke-dashoffset, stroke;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .transition-\[d\] {
+    transition-property: d;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .transition-\[grid-template-columns\,opacity\] {
+    transition-property: grid-template-columns, opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[grid-template-columns\] {
     transition-property: grid-template-columns;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -7063,12 +7271,24 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[max-height\,mask-size\] {
+    transition-property: max-height, -webkit-mask-size, mask-size;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[min-height\] {
     transition-property: min-height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[opacity\,color\,translate\,filter\] {
+    transition-property: opacity, color, translate, filter;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[opacity\,filter\,scale\] {
     transition-property: opacity, filter, scale;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -7087,18 +7307,36 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[opacity\,translate\,filter\,background-position\] {
+    transition-property: opacity, translate, filter, background-position;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[opacity\,translate\] {
     transition-property: opacity, translate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[padding-left\] {
+    transition-property: padding-left;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[padding\] {
     transition-property: padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[rotate\] {
+    transition-property: rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[stroke-dashoffset\,transform\] {
     transition-property: stroke-dashoffset, transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -7123,6 +7361,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[translate\] {
+    transition-property: translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[width\,background-color\] {
     transition-property: width, background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -7135,6 +7379,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[width\,height\,border-color\,background-color\] {
+    transition-property: width, height, border-color, background-color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[width\,transform\] {
     transition-property: width, transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -7210,6 +7460,11 @@
     transition-duration: .44s;
   }
 
+  .duration-\[600ms\] {
+    --tw-duration: .6s;
+    transition-duration: .6s;
+  }
+
   .duration-\[1500ms\] {
     --tw-duration: 1.5s;
     transition-duration: 1.5s;
@@ -7227,6 +7482,11 @@
     transition-duration: var(--duration-slow);
   }
 
+  .ease-\(--resize-ease\) {
+    --tw-ease: var(--resize-ease);
+    transition-timing-function: var(--resize-ease);
+  }
+
   .ease-\[cubic-bezier\(0\.2\,0\,0\.2\,1\)\] {
     --tw-ease: cubic-bezier(.2,0,.2,1);
     transition-timing-function: cubic-bezier(.2, 0, .2, 1);
@@ -7348,6 +7608,14 @@
     }
   }
 
+  .\[--fade-bottom\:0\.875rem\] {
+    --fade-bottom: .875rem;
+  }
+
+  .\[--fade-top\:0\.875rem\] {
+    --fade-top: .875rem;
+  }
+
   .\[--field-disabled\:var\(--field-on-surface\)\] {
     --field-disabled: var(--field-on-surface);
   }
@@ -7440,6 +7708,10 @@
     stroke-dashoffset: 28px;
   }
 
+  .\[text-box\:trim-both_cap_alphabetic\] {
+    text-box: trim-both cap alphabetic;
+  }
+
   .fade-out {
     --tw-exit-opacity: 0;
   }
@@ -7464,14 +7736,6 @@
     min-width: 0 !important;
   }
 
-  :is(.\*\:flex-1 > *) {
-    flex: 1;
-  }
-
-  :is(.\*\:basis-\(--metrics-card-group-basis\) > *) {
-    flex-basis: var(--metrics-card-group-basis);
-  }
-
   :is(.\*\:bg-background\! > *) {
     background-color: var(--background) !important;
   }
@@ -7553,6 +7817,10 @@
     .group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *) {
       opacity: 1;
     }
+
+    .group-hover\/task-list\:text-foreground:is(:where(.group\/task-list):hover *) {
+      color: var(--foreground);
+    }
   }
 
   .group-focus\:opacity-100:is(:where(.group):focus *) {
@@ -7617,6 +7885,15 @@
     color: var(--muted-foreground);
   }
 
+  .group-data-collapsed\/task-list\:translate-x-0:is(:where(.group\/task-list)[data-collapsed] *) {
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .group-data-collapsed\/task-list\:pl-6:is(:where(.group\/task-list)[data-collapsed] *) {
+    padding-left: calc(var(--spacing) * 6);
+  }
+
   .group-data-\[checked\]\/checkbox-indicator\:scale-100:is(:where(.group\/checkbox-indicator)[data-checked] *) {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -9944,6 +10221,10 @@
     mask-composite: intersect;
   }
 
+  .data-\[overflow-y-end\]\:\[--fade-bottom\:2rem\][data-overflow-y-end] {
+    --fade-bottom: 2rem;
+  }
+
   .data-\[overflow-y-start\]\:mask-t-from-\[calc\(100\%-2rem\)\][data-overflow-y-start] {
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
@@ -9956,6 +10237,10 @@
     mask-composite: intersect;
   }
 
+  .data-\[overflow-y-start\]\:\[--fade-top\:2rem\][data-overflow-y-start] {
+    --fade-top: 2rem;
+  }
+
   .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
     color: var(--muted-foreground);
   }
@@ -10314,6 +10599,10 @@
       display: none;
     }
 
+    .sm\:inline {
+      display: inline;
+    }
+
     .sm\:inline-flex {
       display: inline-flex;
     }
@@ -10751,6 +11040,10 @@
       --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, );
     }
+
+    :is(.lg\:\*\:flex-1 > *) {
+      flex: 1;
+    }
   }
 
   @media (min-width: 80rem) {
@@ -10887,6 +11180,20 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
+  .dark\:from-\[color-mix\(in_oklab\,var\(--accent6\)_60\%\,var\(--foreground\)\)\]:is(.dark *) {
+    --tw-gradient-from: var(--accent6);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:from-\[color-mix\(in_oklab\,var\(--accent6\)_60\%\,var\(--foreground\)\)\]:is(.dark *) {
+      --tw-gradient-from: color-mix(in oklab,var(--accent6) 60%,var(--foreground));
+    }
+  }
+
+  .dark\:from-\[color-mix\(in_oklab\,var\(--accent6\)_60\%\,var\(--foreground\)\)\]:is(.dark *) {
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .dark\:from-white\/3:is(.dark *) {
     --tw-gradient-from: #ffffff08;
   }
@@ -11690,6 +11997,10 @@
     display: none;
   }
 
+  .\[\&\>\:first-child\]\:w-auto > :first-child {
+    width: auto;
+  }
+
   .\[\&\>\:first-child\]\:min-w-0 > :first-child {
     min-width: 0;
   }

package/dist/{text-field-block-DGIM1i3Z.js → text-field-block-BYPiO9h4.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { I as Input } from './input-CHghVv3k.js';
-import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DyWx33Fu.js';
+import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DD7OARLU.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 
 function TextFieldBlock({
@@ -52,4 +52,4 @@ function TextFieldBlock({
 }
 
 export { TextFieldBlock as T };
-//# sourceMappingURL=text-field-block-DGIM1i3Z.js.map
+//# sourceMappingURL=text-field-block-BYPiO9h4.js.map

package/dist/{text-field-block-DGIM1i3Z.js.map → text-field-block-BYPiO9h4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-block-DGIM1i3Z.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Input\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            value={value}\n            placeholder={placeholder}\n            data-testid={testId}\n            size={size}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,WAAA,GACJ,CAAC,eAAA,EAAiB,QAAA,GAAW,aAAa,IAAI,CAAA,GAAI,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAE5F,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,IAAA;AAAA,YACA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"text-field-block-BYPiO9h4.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: TextFieldBlockProps) {\n  const describedBy =\n    [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <Input\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            required={required}\n            value={value}\n            placeholder={placeholder}\n            data-testid={testId}\n            size={size}\n            error={error || Boolean(errorMsg)}\n            aria-describedby={describedBy}\n            {...props}\n          />\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA,EAAoB,eAAA;AAAA,EACpB,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,MAAM,WAAA,GACJ,CAAC,eAAA,EAAiB,QAAA,GAAW,aAAa,IAAI,CAAA,GAAI,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAE5F,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,UAAoB,IAAA,EAAM,SAAA,IAAa,UACtF,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EACtF,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EAAkB,WAAU,OAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,IAAA;AAAA,YACA,KAAA,EAAO,KAAA,IAAS,OAAA,CAAQ,QAAQ,CAAA;AAAA,YAChC,kBAAA,EAAkB,WAAA;AAAA,YACjB,GAAG;AAAA;AAAA,SACN;AAAA,QACC,QAAA,IAAY,2BAAW,GAAA,CAAC,UAAA,CAAW,SAAX,EAAmB,IAAA,EAAY,QAAA,EAAoB,QAAA,EAAoB,CAAA,GAAK;AAAA,OAAA,EACvG;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{text-field-block-DePCgDOh.cjs → text-field-block-CRh8sRXP.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const input = require('./input-bd223EJW.cjs');
-const fieldErrorId = require('./field-error-id-6EfqmQ4C.cjs');
+const fieldErrorId = require('./field-error-id-V_WejsRL.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 
 function TextFieldBlock({
@@ -54,4 +54,4 @@ function TextFieldBlock({
 }
 
 exports.TextFieldBlock = TextFieldBlock;
-//# sourceMappingURL=text-field-block-DePCgDOh.cjs.map
+//# sourceMappingURL=text-field-block-CRh8sRXP.cjs.map