@assistant-ui/react 0.4.3 → 0.4.4

package/dist/styles/index.css

@@ -1,18 +1,18 @@
 /* src/styles/base.css */
-.aui-root *,
-.aui-root ::before,
-.aui-root ::after {
+:where(.aui-root) *,
+:where(.aui-root) ::before,
+:where(.aui-root) ::after {
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
   border-color: #e5e7eb;
 }
-.aui-root ::before,
-.aui-root ::after {
+:where(.aui-root) ::before,
+:where(.aui-root) ::after {
   --aui-content: "";
 }
-.aui-root html,
-.aui-root :host {
+:where(.aui-root) html,
+:where(.aui-root) :host {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -30,40 +30,40 @@
   font-variation-settings: normal;
   -webkit-tap-highlight-color: transparent;
 }
-.aui-root body {
+:where(.aui-root) body {
   margin: 0;
   line-height: inherit;
 }
-.aui-root hr {
+:where(.aui-root) hr {
   height: 0;
   color: inherit;
   border-top-width: 1px;
 }
-.aui-root abbr:where([title]) {
+:where(.aui-root) abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
 }
-.aui-root h1,
-.aui-root h2,
-.aui-root h3,
-.aui-root h4,
-.aui-root h5,
-.aui-root h6 {
+:where(.aui-root) h1,
+:where(.aui-root) h2,
+:where(.aui-root) h3,
+:where(.aui-root) h4,
+:where(.aui-root) h5,
+:where(.aui-root) h6 {
   font-size: inherit;
   font-weight: inherit;
 }
-.aui-root a {
+:where(.aui-root) a {
   color: inherit;
   text-decoration: inherit;
 }
-.aui-root b,
-.aui-root strong {
+:where(.aui-root) b,
+:where(.aui-root) strong {
   font-weight: bolder;
 }
-.aui-root code,
-.aui-root kbd,
-.aui-root samp,
-.aui-root pre {
+:where(.aui-root) code,
+:where(.aui-root) kbd,
+:where(.aui-root) samp,
+:where(.aui-root) pre {
   font-family:
     ui-monospace,
     SFMono-Regular,
@@ -77,32 +77,32 @@
   font-variation-settings: normal;
   font-size: 1em;
 }
-.aui-root small {
+:where(.aui-root) small {
   font-size: 80%;
 }
-.aui-root sub,
-.aui-root sup {
+:where(.aui-root) sub,
+:where(.aui-root) sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
-.aui-root sub {
+:where(.aui-root) sub {
   bottom: -0.25em;
 }
-.aui-root sup {
+:where(.aui-root) sup {
   top: -0.5em;
 }
-.aui-root table {
+:where(.aui-root) table {
   text-indent: 0;
   border-color: inherit;
   border-collapse: collapse;
 }
-.aui-root button,
-.aui-root input,
-.aui-root optgroup,
-.aui-root select,
-.aui-root textarea {
+:where(.aui-root) button,
+:where(.aui-root) input,
+:where(.aui-root) optgroup,
+:where(.aui-root) select,
+:where(.aui-root) textarea {
   font-family: inherit;
   font-feature-settings: inherit;
   font-variation-settings: inherit;
@@ -114,119 +114,119 @@
   margin: 0;
   padding: 0;
 }
-.aui-root button,
-.aui-root select {
+:where(.aui-root) button,
+:where(.aui-root) select {
   text-transform: none;
 }
-.aui-root button,
-.aui-root input:where([type=button]),
-.aui-root input:where([type=reset]),
-.aui-root input:where([type=submit]) {
+:where(.aui-root) button,
+:where(.aui-root) input:where([type=button]),
+:where(.aui-root) input:where([type=reset]),
+:where(.aui-root) input:where([type=submit]) {
   -webkit-appearance: button;
   background-color: transparent;
   background-image: none;
 }
-.aui-root :-moz-focusring {
+:where(.aui-root) :-moz-focusring {
   outline: auto;
 }
-.aui-root :-moz-ui-invalid {
+:where(.aui-root) :-moz-ui-invalid {
   box-shadow: none;
 }
-.aui-root progress {
+:where(.aui-root) progress {
   vertical-align: baseline;
 }
-.aui-root ::-webkit-inner-spin-button,
-.aui-root ::-webkit-outer-spin-button {
+:where(.aui-root) ::-webkit-inner-spin-button,
+:where(.aui-root) ::-webkit-outer-spin-button {
   height: auto;
 }
-.aui-root [type=search] {
+:where(.aui-root) [type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
-.aui-root ::-webkit-search-decoration {
+:where(.aui-root) ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.aui-root ::-webkit-file-upload-button {
+:where(.aui-root) ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
-.aui-root summary {
+:where(.aui-root) summary {
   display: list-item;
 }
-.aui-root blockquote,
-.aui-root dl,
-.aui-root dd,
-.aui-root h1,
-.aui-root h2,
-.aui-root h3,
-.aui-root h4,
-.aui-root h5,
-.aui-root h6,
-.aui-root hr,
-.aui-root figure,
-.aui-root p,
-.aui-root pre {
+:where(.aui-root) blockquote,
+:where(.aui-root) dl,
+:where(.aui-root) dd,
+:where(.aui-root) h1,
+:where(.aui-root) h2,
+:where(.aui-root) h3,
+:where(.aui-root) h4,
+:where(.aui-root) h5,
+:where(.aui-root) h6,
+:where(.aui-root) hr,
+:where(.aui-root) figure,
+:where(.aui-root) p,
+:where(.aui-root) pre {
   margin: 0;
 }
-.aui-root fieldset {
+:where(.aui-root) fieldset {
   margin: 0;
   padding: 0;
 }
-.aui-root legend {
+:where(.aui-root) legend {
   padding: 0;
 }
-.aui-root ol,
-.aui-root ul,
-.aui-root menu {
+:where(.aui-root) ol,
+:where(.aui-root) ul,
+:where(.aui-root) menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-.aui-root dialog {
+:where(.aui-root) dialog {
   padding: 0;
 }
-.aui-root textarea {
+:where(.aui-root) textarea {
   resize: vertical;
 }
-.aui-root input::-moz-placeholder,
-.aui-root textarea::-moz-placeholder {
+:where(.aui-root) input::-moz-placeholder,
+:where(.aui-root) textarea::-moz-placeholder {
   opacity: 1;
   color: #9ca3af;
 }
-.aui-root input::placeholder,
-.aui-root textarea::placeholder {
+:where(.aui-root) input::placeholder,
+:where(.aui-root) textarea::placeholder {
   opacity: 1;
   color: #9ca3af;
 }
-.aui-root button,
-.aui-root [role=button] {
+:where(.aui-root) button,
+:where(.aui-root) [role=button] {
   cursor: pointer;
 }
-.aui-root :disabled {
+:where(.aui-root) :disabled {
   cursor: default;
 }
-.aui-root img,
-.aui-root svg,
-.aui-root video,
-.aui-root canvas,
-.aui-root audio,
-.aui-root iframe,
-.aui-root embed,
-.aui-root object {
+:where(.aui-root) img,
+:where(.aui-root) svg,
+:where(.aui-root) video,
+:where(.aui-root) canvas,
+:where(.aui-root) audio,
+:where(.aui-root) iframe,
+:where(.aui-root) embed,
+:where(.aui-root) object {
   display: block;
   vertical-align: middle;
 }
-.aui-root img,
-.aui-root video {
+:where(.aui-root) img,
+:where(.aui-root) video {
   max-width: 100%;
   height: auto;
 }
-.aui-root [hidden] {
+:where(.aui-root) [hidden] {
   display: none;
 }
-.aui-root *,
-.aui-root ::before,
-.aui-root ::after {
+:where(.aui-root) *,
+:where(.aui-root) ::before,
+:where(.aui-root) ::after {
   --aui-border-spacing-x: 0;
   --aui-border-spacing-y: 0;
   --aui-translate-x: 0;
@@ -267,7 +267,7 @@
   --aui-contain-paint: ;
   --aui-contain-style: ;
 }
-.aui-root ::backdrop {
+:where(.aui-root) ::backdrop {
   --aui-border-spacing-x: 0;
   --aui-border-spacing-y: 0;
   --aui-translate-x: 0;
@@ -327,7 +327,7 @@
   background-color: hsl(var(--aui-background));
   color: hsl(var(--aui-foreground));
 }
-.aui-root .aui-button {
+.aui-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -346,7 +346,7 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.aui-root .aui-button:focus-visible {
+.aui-button:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
   --aui-ring-offset-shadow: var(--aui-ring-inset) 0 0 0 var(--aui-ring-offset-width) var(--aui-ring-offset-color);
@@ -357,11 +357,11 @@
     var(--aui-shadow, 0 0 #0000);
   --aui-ring-color: hsl(var(--aui-ring)) ;
 }
-.aui-root .aui-button:disabled {
+.aui-button:disabled {
   pointer-events: none;
   opacity: 0.5;
 }
-.aui-root .aui-button-primary {
+.aui-button-primary {
   background-color: hsl(var(--aui-primary));
   color: hsl(var(--aui-primary-foreground));
   --aui-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
@@ -371,10 +371,10 @@
     var(--aui-ring-shadow, 0 0 #0000),
     var(--aui-shadow);
 }
-.aui-root .aui-button-primary:hover {
+.aui-button-primary:hover {
   background-color: hsl(var(--aui-primary) / 0.9);
 }
-.aui-root .aui-button-outline {
+.aui-button-outline {
   border-width: 1px;
   border-color: hsl(var(--aui-input));
   background-color: hsl(var(--aui-background));
@@ -385,27 +385,27 @@
     var(--aui-ring-shadow, 0 0 #0000),
     var(--aui-shadow);
 }
-.aui-root .aui-button-outline:hover {
+.aui-button-outline:hover {
   background-color: hsl(var(--aui-accent));
   color: hsl(var(--aui-accent-foreground));
 }
-.aui-root .aui-button-ghost:hover {
+.aui-button-ghost:hover {
   background-color: hsl(var(--aui-accent));
   color: hsl(var(--aui-accent-foreground));
 }
-.aui-root .aui-button-medium {
+.aui-button-medium {
   height: 2.25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.aui-root .aui-button-icon {
+.aui-button-icon {
   width: 1.5rem;
   height: 1.5rem;
   padding: 0.25rem;
 }
-.aui-root .aui-sr-only {
+.aui-sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -416,7 +416,7 @@
   white-space: nowrap;
   border-width: 0;
 }
-.aui-root .aui-avatar-root {
+.aui-avatar-root {
   position: relative;
   display: flex;
   height: 2.5rem;
@@ -425,12 +425,12 @@
   overflow: hidden;
   border-radius: 9999px;
 }
-.aui-root .aui-avatar-image {
+.aui-avatar-image {
   aspect-ratio: 1 / 1;
   height: 100%;
   width: 100%;
 }
-.aui-root .aui-avatar-fallback {
+.aui-avatar-fallback {
   display: flex;
   height: 100%;
   width: 100%;
@@ -439,7 +439,7 @@
   border-radius: 9999px;
   background-color: hsl(var(--aui-muted));
 }
-.aui-root .aui-tooltip-content {
+.aui-tooltip-content {
   z-index: 50;
   overflow: hidden;
   border-radius: calc(var(--aui-radius) - 2px);
@@ -461,7 +461,7 @@
   --aui-enter-opacity: 0;
   --aui-enter-scale: .95 ;
 }
-.aui-root .aui-tooltip-content[data-state=closed] {
+.aui-tooltip-content[data-state=closed] {
   animation-name: aui-exit;
   animation-duration: 150ms;
   --aui-exit-opacity: initial;
@@ -472,29 +472,29 @@
   --aui-exit-opacity: 0;
   --aui-exit-scale: .95 ;
 }
-.aui-root .aui-tooltip-content[data-side=bottom] {
+.aui-tooltip-content[data-side=bottom] {
   --aui-enter-translate-y: -0.5rem ;
 }
-.aui-root .aui-tooltip-content[data-side=left] {
+.aui-tooltip-content[data-side=left] {
   --aui-enter-translate-x: 0.5rem ;
 }
-.aui-root .aui-tooltip-content[data-side=right] {
+.aui-tooltip-content[data-side=right] {
   --aui-enter-translate-x: -0.5rem ;
 }
-.aui-root .aui-tooltip-content[data-side=top] {
+.aui-tooltip-content[data-side=top] {
   --aui-enter-translate-y: 0.5rem ;
 }
 
 /* src/styles/tailwindcss/thread.css */
-.aui-root.aui-thread-root {
+.aui-thread-root {
   box-sizing: border-box;
   height: 100%;
   background-color: hsl(var(--aui-background));
 }
-.aui-root.aui-thread-root > .aui-thread-viewport {
+.aui-thread-root > .aui-thread-viewport {
   background-color: inherit;
 }
-.aui-root .aui-thread-viewport {
+.aui-thread-viewport {
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -506,7 +506,7 @@
   padding-right: 1rem;
   padding-top: 2rem;
 }
-.aui-root .aui-thread-viewport-footer {
+.aui-thread-viewport-footer {
   position: sticky;
   bottom: 0px;
   margin-top: 1rem;
@@ -522,15 +522,15 @@
   background-color: inherit;
   padding-bottom: 1rem;
 }
-.aui-root .aui-thread-scroll-to-bottom {
+.aui-thread-scroll-to-bottom {
   position: absolute;
   top: -2rem;
   border-radius: 9999px;
 }
-.aui-root .aui-thread-scroll-to-bottom:disabled {
+.aui-thread-scroll-to-bottom:disabled {
   visibility: hidden;
 }
-.aui-root .aui-thread-welcome-root {
+.aui-thread-welcome-root {
   display: flex;
   width: 100%;
   max-width: 42rem;
@@ -538,7 +538,7 @@
   flex-basis: 100%;
   flex-direction: column;
 }
-.aui-root .aui-thread-welcome-center {
+.aui-thread-welcome-center {
   display: flex;
   width: 100%;
   flex-grow: 1;
@@ -546,11 +546,11 @@
   align-items: center;
   justify-content: center;
 }
-.aui-root .aui-thread-welcome-message {
+.aui-thread-welcome-message {
   margin-top: 1rem;
   font-weight: 500;
 }
-.aui-root .aui-thread-welcome-suggestion-container {
+.aui-thread-welcome-suggestion-container {
   margin-top: 1rem;
   display: flex;
   width: 100%;
@@ -558,7 +558,7 @@
   justify-content: center;
   gap: 1rem;
 }
-.aui-root .aui-thread-welcome-suggestion {
+.aui-thread-welcome-suggestion {
   display: flex;
   max-width: 24rem;
   flex-grow: 1;
@@ -573,7 +573,7 @@
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-.aui-root .aui-thread-welcome-suggestion-text {
+.aui-thread-welcome-suggestion-text {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -583,7 +583,7 @@
   line-height: 1.25rem;
   font-weight: 600;
 }
-.aui-root .aui-composer-root {
+.aui-composer-root {
   position: relative;
   display: flex;
   width: 100%;
@@ -594,7 +594,7 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.aui-root .aui-composer-root:focus-within {
+.aui-composer-root:focus-within {
   --aui-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --aui-shadow-colored: 0 1px 2px 0 var(--aui-shadow-color);
   box-shadow:
@@ -602,7 +602,7 @@
     var(--aui-ring-shadow, 0 0 #0000),
     var(--aui-shadow);
 }
-.aui-root .aui-composer-input {
+.aui-composer-input {
   width: 100%;
   height: 100%;
   max-height: 10rem;
@@ -615,14 +615,14 @@
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.aui-root .aui-composer-input::-moz-placeholder {
+.aui-composer-input::-moz-placeholder {
   color: hsl(var(--aui-muted-foreground));
 }
-.aui-root .aui-composer-input::placeholder {
+.aui-composer-input::placeholder {
   color: hsl(var(--aui-muted-foreground));
 }
-.aui-root .aui-composer-send,
-.aui-root .aui-composer-cancel {
+.aui-composer-send,
+.aui-composer-cancel {
   position: absolute;
   bottom: 0px;
   right: 0px;
@@ -634,38 +634,38 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.aui-root .aui-user-message-root {
+.aui-user-message-root {
   display: grid;
   grid-auto-rows: auto;
   grid-template-columns: minmax(72px, 1fr) auto;
   row-gap: 0.5rem;
 }
-.aui-root .aui-user-message-root > * {
+.aui-user-message-root > * {
   grid-column-start: 2;
 }
-.aui-root .aui-user-message-root {
+.aui-user-message-root {
   width: 100%;
   max-width: 42rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.aui-root .aui-user-message-root > .aui-user-action-bar-root {
+:where(.aui-user-message-root) > .aui-user-action-bar-root {
   grid-column-start: 1;
   margin-right: 0.75rem;
   margin-top: 0.625rem;
 }
-.aui-root .aui-user-message-root > .aui-user-message-content {
+:where(.aui-user-message-root) > .aui-user-message-content {
   grid-column-start: 2;
   grid-row-start: 1;
 }
-.aui-root .aui-user-message-root > .aui-branch-picker-root {
+:where(.aui-user-message-root) > .aui-branch-picker-root {
   grid-column: 1 / -1;
   grid-column-start: 1;
   grid-row-start: 2;
   margin-right: -0.25rem;
   justify-content: flex-end;
 }
-.aui-root .aui-user-message-content {
+.aui-user-message-content {
   max-width: 36rem;
   overflow-wrap: break-word;
   border-radius: 1.5rem;
@@ -676,12 +676,12 @@
   padding-bottom: 0.625rem;
   color: hsl(var(--aui-foreground));
 }
-.aui-root .aui-user-action-bar-root {
+.aui-user-action-bar-root {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }
-.aui-root .aui-edit-composer-root {
+.aui-edit-composer-root {
   margin-top: 1rem;
   margin-bottom: 1rem;
   display: flex;
@@ -692,7 +692,7 @@
   border-radius: 0.75rem;
   background-color: hsl(var(--aui-muted));
 }
-.aui-root .aui-edit-composer-input {
+.aui-edit-composer-input {
   display: flex;
   height: 2rem;
   width: 100%;
@@ -704,7 +704,7 @@
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.aui-root .aui-edit-composer-footer {
+.aui-edit-composer-footer {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
   margin-bottom: 0.75rem;
@@ -714,7 +714,7 @@
   gap: 0.5rem;
   align-self: flex-end;
 }
-.aui-root .aui-assistant-message-root {
+.aui-assistant-message-root {
   display: grid;
   grid-template-columns: auto auto 1fr;
   grid-template-rows: auto 1fr;
@@ -724,42 +724,42 @@
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.aui-root .aui-assistant-message-root > .aui-avatar-root {
+:where(.aui-assistant-message-root) > .aui-avatar-root {
   grid-column-start: 1;
   grid-row: 1 / -1;
   grid-row-start: 1;
   margin-right: 1rem;
 }
-.aui-root .aui-assistant-message-root > .aui-branch-picker-root {
+:where(.aui-assistant-message-root) > .aui-branch-picker-root {
   grid-column-start: 2;
   grid-row-start: 2;
   margin-left: -0.5rem;
   margin-right: 0.5rem;
 }
-.aui-root .aui-assistant-message-root > .aui-assistant-action-bar-root {
+:where(.aui-assistant-message-root) > .aui-assistant-action-bar-root {
   grid-column-start: 3;
   grid-row-start: 2;
   margin-left: -0.25rem;
 }
-.aui-root .aui-assistant-message-root > .aui-assistant-message-content {
+:where(.aui-assistant-message-root) > .aui-assistant-message-content {
   grid-column: span 2 / span 2;
   grid-column-start: 2;
   grid-row-start: 1;
   margin-top: 0.375rem;
   margin-bottom: 0.375rem;
 }
-.aui-root .aui-assistant-message-content {
+.aui-assistant-message-content {
   max-width: 36rem;
   overflow-wrap: break-word;
   line-height: 1.75rem;
   color: hsl(var(--aui-foreground));
 }
-.aui-root .aui-assistant-action-bar-root {
+.aui-assistant-action-bar-root {
   display: flex;
   gap: 0.25rem;
   color: hsl(var(--aui-muted-foreground));
 }
-.aui-root .aui-assistant-action-bar-root[data-floating] {
+:where(.aui-assistant-action-bar-root)[data-floating] {
   position: absolute;
   border-radius: calc(var(--aui-radius) - 2px);
   border-width: 1px;
@@ -772,17 +772,17 @@
     var(--aui-ring-shadow, 0 0 #0000),
     var(--aui-shadow);
 }
-.aui-root .aui-branch-picker-root {
+.aui-branch-picker-root {
   display: inline-flex;
   align-items: center;
   font-size: 0.75rem;
   line-height: 1rem;
   color: hsl(var(--aui-muted-foreground));
 }
-.aui-root .aui-branch-picker-state {
+.aui-branch-picker-state {
   font-weight: 500;
 }
-.aui-root .aui-text {
+.aui-text {
   white-space: pre-line;
 }
 @keyframes aui-pulse {
@@ -790,7 +790,7 @@
     opacity: .5;
   }
 }
-.aui-root .aui-text-in-progress::after {
+.aui-text-in-progress::after {
   animation: aui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   font-family:
     ui-sans-serif,
@@ -803,10 +803,10 @@
   --aui-content: "\25cf";
   content: var(--aui-content);
 }
-.aui-root .aui-text-in-progress:where([dir=ltr], [dir=ltr] *)::after {
+.aui-text-in-progress:where([dir=ltr], [dir=ltr] *)::after {
   margin-left: 0.25rem;
 }
-.aui-root .aui-text-in-progress:where([dir=rtl], [dir=rtl] *)::after {
+.aui-text-in-progress:where([dir=rtl], [dir=rtl] *)::after {
   margin-right: 0.25rem;
 }