@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/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-svh {
1199
- height: 100svh;
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.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"