@ciridae/ui-agent 0.3.5 → 0.3.6

package/dist/styled-system/styles.css

@@ -0,0 +1,422 @@
+@layer utilities {
+  .p_4 {
+    padding: var(--spacing-4);
+}
+
+  .p_2 {
+    padding: var(--spacing-2);
+}
+
+  .bd-c_border {
+    border-color: var(--colors-border);
+}
+
+  .bdr_lg {
+    border-radius: var(--radii-lg);
+}
+
+  .border-style_solid {
+    border-style: solid;
+}
+
+  .bd-w_default {
+    border-width: var(--border-widths-default);
+}
+
+  .ov_hidden {
+    overflow: hidden;
+}
+
+  .gap_3 {
+    gap: var(--spacing-3);
+}
+
+  .py_3 {
+    padding-block: var(--spacing-3);
+}
+
+  .px_4 {
+    padding-inline: var(--spacing-4);
+}
+
+  .gap_gap\.1 {
+    gap: var(--spacing-gap\.1);
+}
+
+  .flex_1 {
+    flex: 1 1 0%;
+}
+
+  .ov_auto {
+    overflow: auto;
+}
+
+  .py_2 {
+    padding-block: var(--spacing-2);
+}
+
+  .px_3 {
+    padding-inline: var(--spacing-3);
+}
+
+  .gap_2 {
+    gap: var(--spacing-2);
+}
+
+  .my_4 {
+    margin-block: var(--spacing-4);
+}
+
+  .ring_none {
+    outline: var(--borders-none);
+}
+
+  .bd-w_0 {
+    border-width: 0;
+}
+
+  .px_2 {
+    padding-inline: var(--spacing-2);
+}
+
+  .bdr_md {
+    border-radius: var(--radii-md);
+}
+
+  .bg-c_card {
+    background-color: card;
+}
+
+  .c_card\.foreground {
+    color: card.foreground;
+}
+
+  .d_flex {
+    display: flex;
+}
+
+  .flex-d_column {
+    flex-direction: column;
+}
+
+  .ai_flex-start {
+    align-items: flex-start;
+}
+
+  .jc_space-between {
+    justify-content: space-between;
+}
+
+  .fs_sm {
+    font-size: var(--font-sizes-sm);
+}
+
+  .fw_medium {
+    font-weight: var(--font-weights-medium);
+}
+
+  .tov_ellipsis {
+    text-overflow: ellipsis;
+}
+
+  .white-space_nowrap {
+    white-space: nowrap;
+}
+
+  .c_muted\.foreground {
+    color: muted.foreground;
+}
+
+  .ai_center {
+    align-items: center;
+}
+
+  .flex-sh_0 {
+    flex-shrink: 0;
+}
+
+  .ff_mono {
+    font-family: var(--fonts-mono);
+}
+
+  .fs_xs {
+    font-size: var(--font-sizes-xs);
+}
+
+  .bg-c_background {
+    background-color: var(--colors-background);
+}
+
+  .c_foreground {
+    color: var(--colors-foreground);
+}
+
+  .lh_1\.5rem {
+    line-height: 1.5rem;
+}
+
+  .lh_relaxed {
+    line-height: var(--line-heights-relaxed);
+}
+
+  .bx-sh_xs {
+    box-shadow: var(--shadows-xs);
+}
+
+  .d_grid {
+    display: grid;
+}
+
+  .trs-prop_color\,_box-shadow {
+    --transition-prop: color, box-shadow;
+    transition-property: color, box-shadow;
+}
+
+  .ai_stretch {
+    align-items: stretch;
+}
+
+  .bg-c_transparent {
+    background-color: var(--colors-transparent);
+}
+
+  .bx-sh_none {
+    box-shadow: none;
+}
+
+  .trs-prop_color\,_background-color {
+    --transition-prop: color, background-color;
+    transition-property: color, background-color;
+}
+
+  .trs-prop_transform {
+    --transition-prop: transform;
+    transition-property: transform;
+}
+
+  .h_full {
+    height: var(--sizes-full);
+}
+
+  .min-h_0 {
+    min-height: var(--sizes-0);
+}
+
+  .w_full {
+    width: var(--sizes-full);
+}
+
+  .bd-b-c_border {
+    border-bottom-color: var(--colors-border);
+}
+
+  .border-bottom-style_solid {
+    border-bottom-style: solid;
+}
+
+  .bd-b-w_default {
+    border-bottom-width: var(--border-widths-default);
+}
+
+  .min-w_0 {
+    min-width: var(--sizes-0);
+}
+
+  .max-h_24rem {
+    max-height: 24rem;
+}
+
+  .min-w_max-content {
+    min-width: max-content;
+}
+
+  .h_control\.sm {
+    height: var(--sizes-control\.sm);
+}
+
+  .min-w_6rem {
+    min-width: 6rem;
+}
+
+  .mt_1 {
+    margin-top: var(--spacing-1);
+}
+
+  .max-w_full {
+    max-width: var(--sizes-full);
+}
+
+  .min-h_6rem {
+    min-height: 6rem;
+}
+
+  .h_icon\.sm {
+    height: var(--sizes-icon\.sm);
+}
+
+  .w_icon\.sm {
+    width: var(--sizes-icon\.sm);
+}
+
+  .mt_2 {
+    margin-top: var(--spacing-2);
+}
+
+  .h_0\.875rem {
+    height: 0.875rem;
+}
+
+  .w_0\.875rem {
+    width: 0.875rem;
+}
+
+  .\[\&\[data-role\=\'system\'\]\]\:py_1[data-role='system'] {
+    padding-block: var(--spacing-1);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bd-c_border {
+    border-color: var(--colors-border);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bdr_lg {
+    border-radius: var(--radii-lg);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:border-style_solid {
+    border-style: solid;
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bd-w_default {
+    border-width: var(--border-widths-default);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:py_3 {
+    padding-block: var(--spacing-3);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:px_4 {
+    padding-inline: var(--spacing-4);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bd-c_border {
+    border-color: var(--colors-border);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bdr_md {
+    border-radius: var(--radii-md);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:border-style_solid {
+    border-style: solid;
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bd-w_default {
+    border-width: var(--border-widths-default);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:py_2 {
+    padding-block: var(--spacing-2);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:px_3 {
+    padding-inline: var(--spacing-3);
+}
+
+  .\[\&_pre\]\:bg-c_transparent\! pre {
+    background-color: var(--colors-transparent) !important;
+}
+
+  .\[\&\[data-role\=\'user\'\]\]\:ai_flex-end[data-role='user'] {
+    align-items: flex-end;
+}
+
+  .\[\&\[data-role\=\'assistant\'\]\]\:ai_flex-start[data-role='assistant'],.\[\&\[data-role\=\'system\'\]\]\:ai_flex-start[data-role='system'] {
+    align-items: flex-start;
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bg-c_secondary {
+    background-color: var(--colors-secondary);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bx-sh_xs {
+    box-shadow: var(--shadows-xs);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:c_secondary\.foreground {
+    color: var(--colors-secondary\.foreground);
+}
+
+  .group\/message[data-role='assistant'] .\[\.group\\\/message\[data-role\=\'assistant\'\]_\&\]\:c_foreground {
+    color: var(--colors-foreground);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bg-c_muted\/30 {
+    --mix-backgroundColor: color-mix(in srgb, var(--colors-muted) 30%, transparent);
+    background-color: var(--mix-backgroundColor, var(--colors-muted));
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:c_muted\.foreground {
+    color: muted.foreground;
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:fs_xs {
+    font-size: var(--font-sizes-xs);
+}
+
+  .\[\&\[data-disabled\=\'true\'\]\]\:op_0\.6[data-disabled='true'] {
+    opacity: 0.6;
+}
+
+  .dark .dark\:bg-c_transparent {
+    background-color: var(--colors-transparent);
+}
+
+  .\[\&\:\:placeholder\]\:c_muted\.foreground\/70::placeholder {
+    --mix-color: color-mix(in srgb, muted.foreground 70%, transparent);
+    color: var(--mix-color, muted.foreground);
+}
+
+  .group[data-state='open'] .\[\.group\[data-state\=\'open\'\]_\&\]\:trf_rotate\(180deg\) {
+    transform: rotate(180deg);
+}
+
+  .\[\&\[data-state\=\'closed\'\]\]\:anim-n_fade-out[data-state='closed'] {
+    animation-name: fade-out;
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:ml_auto {
+    margin-left: auto;
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:max-w_full {
+    max-width: var(--sizes-full);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:max-w_min\(34rem\,_78\%\) {
+    max-width: min(34rem, 78%);
+}
+
+  .\[\&\:focus-within\]\:bd-c_ring:focus-within {
+    border-color: var(--colors-ring);
+}
+
+  .\[\&\:focus-within\]\:bx-sh_focus:focus-within {
+    box-shadow: var(--shadows-focus);
+}
+
+  .\[\&\:focus-visible\]\:ring_none:focus-visible {
+    outline: var(--borders-none);
+}
+
+  .\[\&\:focus-visible\]\:bx-sh_focus:focus-visible {
+    box-shadow: var(--shadows-focus);
+}
+
+  .\[\&\:hover\]\:bg-c_accent:hover {
+    background-color: var(--colors-accent);
+}
+
+  .\[\&\:hover\]\:c_accent\.foreground:hover {
+    color: var(--colors-accent\.foreground);
+}
+}

package/dist/styled-system/styles.css.d.ts

@@ -0,0 +1,2 @@
+declare const stylesheet: string;
+export default stylesheet;

package/dist/styles.css

@@ -1,5 +1,7 @@
 @import "./components/agentic/breathing-grid-icon.css";
 @import "./components/agentic/message-response.css";
+@import "./styled-system/styles.css";
+
 @source "./**/*.{js,mjs}";
 @source "../node_modules/streamdown/dist/*.js";
 @source "../../../streamdown/dist/*.js";