@ciridae/ui 0.3.5 → 0.3.6

package/dist/styled-system/styles.css

@@ -606,14 +606,6 @@
 
 @layer utilities{
 
-  .p_4 {
-    padding: var(--spacing-4);
-}
-
-  .p_2 {
-    padding: var(--spacing-2);
-}
-
   .anim_pulse {
     animation: var(--animations-pulse);
 }
@@ -622,12 +614,12 @@
     animation: var(--animations-spin);
 }
 
-  .bd-c_border {
-    border-color: var(--colors-border);
+  .bd-c_transparent {
+    border-color: var(--colors-transparent);
 }
 
-  .bdr_lg {
-    border-radius: var(--radii-lg);
+  .bdr_badge {
+    border-radius: var(--radii-badge);
 }
 
   .border-style_solid {
@@ -638,72 +630,12 @@
     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);
-}
-
-  .bd-c_transparent {
-    border-color: var(--colors-transparent);
-}
-
-  .bdr_badge {
-    border-radius: var(--radii-badge);
+  .ov_hidden {
+    overflow: hidden;
 }
 
   .py_0\.125rem {
@@ -714,6 +646,10 @@
     padding-inline: var(--spacing-badge\.x);
 }
 
+  .bd-c_border {
+    border-color: var(--colors-border);
+}
+
   .bd-c_success\.border {
     border-color: var(--colors-success\.border);
 }
@@ -730,10 +666,18 @@
     border-color: var(--colors-destructive\.border);
 }
 
+  .bdr_md {
+    border-radius: var(--radii-md);
+}
+
   .gap_control\.gap {
     gap: var(--spacing-control\.gap);
 }
 
+  .ring_none {
+    outline: var(--borders-none);
+}
+
   .px_control\.padding\.x {
     padding-inline: var(--spacing-control\.padding\.x);
 }
@@ -754,121 +698,22 @@
     padding-inline: var(--spacing-control\.padding\.lg);
 }
 
-  .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;
+  .d_inline-flex {
+    display: inline-flex;
 }
 
-  .ff_mono {
-    font-family: var(--fonts-mono);
+  .flex-sh_0 {
+    flex-shrink: 0;
 }
 
   .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;
-}
-
-  .d_inline-flex {
-    display: inline-flex;
-}
-
   .fw_control {
     font-weight: var(--font-weights-control);
 }
@@ -881,6 +726,11 @@
     line-height: var(--line-heights-xs);
 }
 
+  .trs-prop_color\,_box-shadow {
+    --transition-prop: color, box-shadow;
+    transition-property: color, box-shadow;
+}
+
   .trs-dur_fast {
     --transition-duration: var(--durations-fast);
     transition-duration: var(--durations-fast);
@@ -891,10 +741,18 @@
     transition-timing-function: var(--easings-standard);
 }
 
+  .white-space_nowrap {
+    white-space: nowrap;
+}
+
   .bg-c_muted\.subtle {
     background-color: var(--colors-muted\.subtle);
 }
 
+  .c_foreground {
+    color: var(--colors-foreground);
+}
+
   .bg-c_secondary {
     background-color: var(--colors-secondary);
 }
@@ -943,6 +801,10 @@
     text-underline-offset: 4px;
 }
 
+  .fs_sm {
+    font-size: var(--font-sizes-sm);
+}
+
   .lh_sm {
     line-height: var(--line-heights-sm);
 }
@@ -968,84 +830,16 @@
     color: var(--colors-destructive\.foreground);
 }
 
-  .bg-c_accent {
-    background-color: var(--colors-accent);
-}
-
-  .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);
+  .bg-c_background {
+    background-color: var(--colors-background);
 }
 
-  .h_0\.875rem {
-    height: 0.875rem;
+  .bx-sh_xs {
+    box-shadow: var(--shadows-xs);
 }
 
-  .w_0\.875rem {
-    width: 0.875rem;
+  .bg-c_accent {
+    background-color: var(--colors-accent);
 }
 
   .w_fit-content {
@@ -1060,6 +854,10 @@
     height: var(--sizes-control\.xs);
 }
 
+  .h_control\.sm {
+    height: var(--sizes-control\.sm);
+}
+
   .h_control\.lg {
     height: var(--sizes-control\.lg);
 }
@@ -1080,56 +878,12 @@
     width: var(--sizes-control\.lg);
 }
 
-  .\[\&\[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);
+  .h_icon\.sm {
+    height: var(--sizes-icon\.sm);
 }
 
-  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:px_3 {
-    padding-inline: var(--spacing-3);
+  .w_icon\.sm {
+    width: var(--sizes-icon\.sm);
 }
 
   .\[\&\[aria-invalid\=\'true\'\]\]\:bd-c_destructive[aria-invalid='true'] {
@@ -1172,68 +926,6 @@
     padding-inline: var(--spacing-control\.with-icon\.lg);
 }
 
-  .\[\&_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;
-}
-
   .\[\&\[aria-invalid\=\'true\'\]\]\:bx-sh_focus\.destructive[aria-invalid='true'] {
     box-shadow: var(--shadows-focus\.destructive);
 }
@@ -1270,18 +962,6 @@
     background-color: var(--colors-input\.subtle);
 }
 
-  .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%);
-}
-
   .\[\&_\>_svg\]\:h_icon\.xs > svg {
     height: var(--sizes-icon\.xs);
 }
@@ -1306,18 +986,6 @@
     width: var(--sizes-icon\.xs);
 }
 
-  .\[\&\: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\]\:bd-c_ring:focus-visible {
     border-color: var(--colors-ring);
 }
@@ -1342,14 +1010,6 @@
     box-shadow: var(--shadows-focus\.destructive);
 }
 
-  .\[\&\:hover\]\:bg-c_accent:hover {
-    background-color: var(--colors-accent);
-}
-
-  .\[\&\:hover\]\:c_accent\.foreground:hover {
-    color: var(--colors-accent\.foreground);
-}
-
   a.\[a\&\:hover\]\:bg-c_accent:hover {
     background-color: var(--colors-accent);
 }
@@ -1374,6 +1034,14 @@
     background-color: var(--colors-destructive\.hover);
 }
 
+  .\[\&\:hover\]\:bg-c_accent:hover {
+    background-color: var(--colors-accent);
+}
+
+  .\[\&\:hover\]\:c_accent\.foreground:hover {
+    color: var(--colors-accent\.foreground);
+}
+
   .\[\&\:hover\]\:bg-c_secondary\.hover:hover {
     background-color: var(--colors-secondary\.hover);
 }

package/dist/styled-system/tokens/index.d.ts

@@ -1,7 +1,9 @@
 /* eslint-disable */
 import type { Token } from './tokens';
+
 export declare const token: {
-    (path: Token, fallback?: string): string;
-    var: (path: Token, fallback?: string) => string;
-};
-export * from './tokens';
+  (path: Token, fallback?: string): string
+  var: (path: Token, fallback?: string) => string
+}
+
+export * from './tokens';