@copilotz/chat-ui 0.1.1 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +102 -27
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +103 -28
- package/dist/index.js.map +1 -1
- package/dist/styles.css +23 -54
- package/package.json +2 -1
package/dist/styles.css
CHANGED
|
@@ -273,6 +273,9 @@
|
|
|
273
273
|
.relative {
|
|
274
274
|
position: relative;
|
|
275
275
|
}
|
|
276
|
+
.static {
|
|
277
|
+
position: static;
|
|
278
|
+
}
|
|
276
279
|
.inset-0 {
|
|
277
280
|
inset: calc(var(--spacing) * 0);
|
|
278
281
|
}
|
|
@@ -360,6 +363,24 @@
|
|
|
360
363
|
.row-start-1 {
|
|
361
364
|
grid-row-start: 1;
|
|
362
365
|
}
|
|
366
|
+
.container {
|
|
367
|
+
width: 100%;
|
|
368
|
+
@media (width >= 40rem) {
|
|
369
|
+
max-width: 40rem;
|
|
370
|
+
}
|
|
371
|
+
@media (width >= 48rem) {
|
|
372
|
+
max-width: 48rem;
|
|
373
|
+
}
|
|
374
|
+
@media (width >= 64rem) {
|
|
375
|
+
max-width: 64rem;
|
|
376
|
+
}
|
|
377
|
+
@media (width >= 80rem) {
|
|
378
|
+
max-width: 80rem;
|
|
379
|
+
}
|
|
380
|
+
@media (width >= 96rem) {
|
|
381
|
+
max-width: 96rem;
|
|
382
|
+
}
|
|
383
|
+
}
|
|
363
384
|
.m-auto {
|
|
364
385
|
margin: auto;
|
|
365
386
|
}
|
|
@@ -1195,8 +1216,8 @@
|
|
|
1195
1216
|
.h-px {
|
|
1196
1217
|
height: 1px;
|
|
1197
1218
|
}
|
|
1198
|
-
.h-
|
|
1199
|
-
height:
|
|
1219
|
+
.h-screen {
|
|
1220
|
+
height: 100vh;
|
|
1200
1221
|
}
|
|
1201
1222
|
.max-h-\(--radix-context-menu-content-available-height\) {
|
|
1202
1223
|
max-height: var(--radix-context-menu-content-available-height);
|
|
@@ -2296,21 +2317,6 @@
|
|
|
2296
2317
|
height: calc(var(--spacing) * 8) !important;
|
|
2297
2318
|
}
|
|
2298
2319
|
}
|
|
2299
|
-
.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
|
|
2300
|
-
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2301
|
-
width: var(--sidebar-width-icon);
|
|
2302
|
-
}
|
|
2303
|
-
}
|
|
2304
|
-
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
|
|
2305
|
-
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2306
|
-
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
|
|
2307
|
-
}
|
|
2308
|
-
}
|
|
2309
|
-
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
|
|
2310
|
-
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2311
|
-
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
|
|
2312
|
-
}
|
|
2313
|
-
}
|
|
2314
2320
|
.group-data-\[collapsible\=icon\]\:justify-center {
|
|
2315
2321
|
&:is(:where(.group)[data-collapsible="icon"] *) {
|
|
2316
2322
|
justify-content: center;
|
|
@@ -2336,21 +2342,6 @@
|
|
|
2336
2342
|
opacity: 0%;
|
|
2337
2343
|
}
|
|
2338
2344
|
}
|
|
2339
|
-
.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
|
|
2340
|
-
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2341
|
-
right: calc(var(--sidebar-width) * -1);
|
|
2342
|
-
}
|
|
2343
|
-
}
|
|
2344
|
-
.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
|
|
2345
|
-
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2346
|
-
left: calc(var(--sidebar-width) * -1);
|
|
2347
|
-
}
|
|
2348
|
-
}
|
|
2349
|
-
.group-data-\[collapsible\=offcanvas\]\:w-0 {
|
|
2350
|
-
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2351
|
-
width: calc(var(--spacing) * 0);
|
|
2352
|
-
}
|
|
2353
|
-
}
|
|
2354
2345
|
.group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
|
|
2355
2346
|
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
|
|
2356
2347
|
--tw-translate-x: calc(var(--spacing) * 0);
|
|
@@ -2362,12 +2353,6 @@
|
|
|
2362
2353
|
right: calc(var(--spacing) * -4);
|
|
2363
2354
|
}
|
|
2364
2355
|
}
|
|
2365
|
-
.group-data-\[side\=left\]\:border-r {
|
|
2366
|
-
&:is(:where(.group)[data-side="left"] *) {
|
|
2367
|
-
border-right-style: var(--tw-border-style);
|
|
2368
|
-
border-right-width: 1px;
|
|
2369
|
-
}
|
|
2370
|
-
}
|
|
2371
2356
|
.group-data-\[side\=right\]\:left-0 {
|
|
2372
2357
|
&:is(:where(.group)[data-side="right"] *) {
|
|
2373
2358
|
left: calc(var(--spacing) * 0);
|
|
@@ -2378,12 +2363,6 @@
|
|
|
2378
2363
|
rotate: 180deg;
|
|
2379
2364
|
}
|
|
2380
2365
|
}
|
|
2381
|
-
.group-data-\[side\=right\]\:border-l {
|
|
2382
|
-
&:is(:where(.group)[data-side="right"] *) {
|
|
2383
|
-
border-left-style: var(--tw-border-style);
|
|
2384
|
-
border-left-width: 1px;
|
|
2385
|
-
}
|
|
2386
|
-
}
|
|
2387
2366
|
.group-data-\[variant\=floating\]\:rounded-lg {
|
|
2388
2367
|
&:is(:where(.group)[data-variant="floating"] *) {
|
|
2389
2368
|
border-radius: var(--radius-lg);
|
|
@@ -3187,16 +3166,6 @@
|
|
|
3187
3166
|
text-align: left;
|
|
3188
3167
|
}
|
|
3189
3168
|
}
|
|
3190
|
-
.md\:block {
|
|
3191
|
-
@media (width >= 48rem) {
|
|
3192
|
-
display: block;
|
|
3193
|
-
}
|
|
3194
|
-
}
|
|
3195
|
-
.md\:flex {
|
|
3196
|
-
@media (width >= 48rem) {
|
|
3197
|
-
display: flex;
|
|
3198
|
-
}
|
|
3199
|
-
}
|
|
3200
3169
|
.md\:h-screen {
|
|
3201
3170
|
@media (width >= 48rem) {
|
|
3202
3171
|
height: 100vh;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@copilotz/chat-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "Copilotz chat UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"react-markdown": "^9.1.0",
|
|
55
55
|
"rehype-highlight": "^7.0.2",
|
|
56
56
|
"rehype-raw": "^7.0.0",
|
|
57
|
+
"remark-breaks": "^4.0.0",
|
|
57
58
|
"remark-gfm": "^4.0.1",
|
|
58
59
|
"tailwind-merge": "^3.3.1",
|
|
59
60
|
"tw-animate-css": "^1.3.7"
|