@orangecatai/adgen-canvas 0.0.6 → 0.0.8

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.
Files changed (45) hide show
  1. package/dist/dev/{chunk-7QYIG5FZ.js → chunk-FAXV62EG.js} +2 -2
  2. package/dist/dev/{chunk-CEENA34D.js → chunk-LAGHQ2FH.js} +32 -3
  3. package/dist/dev/chunk-LAGHQ2FH.js.map +7 -0
  4. package/dist/dev/data/{image-YK44DYB7.js → image-FJMUJMRD.js} +3 -3
  5. package/dist/dev/index.css +390 -0
  6. package/dist/dev/index.css.map +3 -3
  7. package/dist/dev/index.js +5127 -2278
  8. package/dist/dev/index.js.map +4 -4
  9. package/dist/dev/subset-shared.chunk.js +1 -1
  10. package/dist/dev/subset-worker.chunk.js +1 -1
  11. package/dist/prod/{chunk-GCPOY3UH.js → chunk-7LYXIGC7.js} +3 -3
  12. package/dist/prod/{chunk-R5LMMFAL.js → chunk-B427J75A.js} +1 -1
  13. package/dist/prod/data/image-RPDJGGN2.js +1 -0
  14. package/dist/prod/index.css +1 -1
  15. package/dist/prod/index.js +335 -78
  16. package/dist/prod/subset-shared.chunk.js +1 -1
  17. package/dist/prod/subset-worker.chunk.js +1 -1
  18. package/dist/types/excalidraw/components/AIChatPanel.d.ts +10 -1
  19. package/dist/types/excalidraw/components/DarkModeToggle.d.ts +1 -1
  20. package/dist/types/excalidraw/components/ElementCanvasButtons.d.ts +1 -1
  21. package/dist/types/excalidraw/components/FrameToolbar.d.ts +1 -1
  22. package/dist/types/excalidraw/components/HintViewer.d.ts +1 -1
  23. package/dist/types/excalidraw/components/Stats/DragInput.d.ts +1 -1
  24. package/dist/types/excalidraw/components/Stats/index.d.ts +1 -1
  25. package/dist/types/excalidraw/components/TTDDialog/utils/TTDStreamFetch.d.ts +1 -0
  26. package/dist/types/excalidraw/components/ToolButton.d.ts +1 -1
  27. package/dist/types/excalidraw/components/ai-chat/agentLoop.d.ts +14 -1
  28. package/dist/types/excalidraw/components/ai-chat/canvasTools.d.ts +193 -1
  29. package/dist/types/excalidraw/components/ai-chat/htmlToExcalidraw.d.ts +53 -0
  30. package/dist/types/excalidraw/components/ai-chat/openRouterStream.d.ts +50 -0
  31. package/dist/types/excalidraw/components/auto-resize/AutoResizePanel.d.ts +16 -0
  32. package/dist/types/excalidraw/components/auto-resize/AutoResizeShimmerLayer.d.ts +7 -0
  33. package/dist/types/excalidraw/components/auto-resize/autoResizeEngine.d.ts +89 -0
  34. package/dist/types/excalidraw/components/auto-resize/autoResizeStore.d.ts +16 -0
  35. package/dist/types/excalidraw/components/hyperlink/Hyperlink.d.ts +1 -1
  36. package/dist/types/excalidraw/components/main-menu/DefaultItems.d.ts +1 -1
  37. package/dist/types/excalidraw/components/ui/button.d.ts +1 -1
  38. package/dist/types/excalidraw/fonts/Fonts.d.ts +11 -0
  39. package/dist/types/excalidraw/index.d.ts +1 -0
  40. package/dist/types/excalidraw/types.d.ts +96 -0
  41. package/package.json +1 -1
  42. package/dist/dev/chunk-CEENA34D.js.map +0 -7
  43. package/dist/prod/data/image-XZPNP25M.js +0 -1
  44. /package/dist/dev/{chunk-7QYIG5FZ.js.map → chunk-FAXV62EG.js.map} +0 -0
  45. /package/dist/dev/data/{image-YK44DYB7.js.map → image-FJMUJMRD.js.map} +0 -0
@@ -2,12 +2,12 @@ import {
2
2
  decodePngMetadata,
3
3
  encodePngMetadata,
4
4
  getTEXtChunk
5
- } from "../chunk-CEENA34D.js";
6
- import "../chunk-7QYIG5FZ.js";
5
+ } from "../chunk-LAGHQ2FH.js";
6
+ import "../chunk-FAXV62EG.js";
7
7
  import "../chunk-XDFCUUT6.js";
8
8
  export {
9
9
  decodePngMetadata,
10
10
  encodePngMetadata,
11
11
  getTEXtChunk
12
12
  };
13
- //# sourceMappingURL=image-YK44DYB7.js.map
13
+ //# sourceMappingURL=image-FJMUJMRD.js.map
@@ -3312,6 +3312,7 @@
3312
3312
  display: flex;
3313
3313
  align-items: center;
3314
3314
  gap: 2px;
3315
+ position: relative;
3315
3316
  }
3316
3317
  .excalidraw .frame-toolbar__divider {
3317
3318
  width: 1px;
@@ -3490,6 +3491,356 @@
3490
3491
  color: var(--color-primary, #4a90d9);
3491
3492
  }
3492
3493
 
3494
+ /* components/auto-resize/AutoResizePanel.scss */
3495
+ @keyframes ars-shimmer-sweep {
3496
+ 0% {
3497
+ background-position: 200% 0;
3498
+ }
3499
+ 100% {
3500
+ background-position: -200% 0;
3501
+ }
3502
+ }
3503
+ .ars-shimmer {
3504
+ background: rgba(180, 200, 230, 0.12);
3505
+ }
3506
+ .ars-shimmer::after {
3507
+ content: "";
3508
+ display: block;
3509
+ position: absolute;
3510
+ inset: 0;
3511
+ background:
3512
+ linear-gradient(
3513
+ 90deg,
3514
+ transparent 0%,
3515
+ rgba(255, 255, 255, 0.45) 50%,
3516
+ transparent 100%);
3517
+ background-size: 200% 100%;
3518
+ animation: ars-shimmer-sweep 1.6s ease-in-out infinite;
3519
+ }
3520
+ .excalidraw .arp {
3521
+ position: absolute;
3522
+ z-index: var(--zIndex-canvasButtons);
3523
+ top: calc(100% + 6px);
3524
+ left: 50%;
3525
+ transform: translateX(-50%);
3526
+ width: 296px;
3527
+ background: var(--island-bg-color);
3528
+ border-radius: 10px;
3529
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.06);
3530
+ font-size: 12px;
3531
+ font-family:
3532
+ "Assistant",
3533
+ system-ui,
3534
+ -apple-system,
3535
+ sans-serif;
3536
+ color: var(--text-primary-color, #333);
3537
+ pointer-events: all;
3538
+ overflow: hidden;
3539
+ }
3540
+ .excalidraw .arp-header {
3541
+ display: flex;
3542
+ align-items: center;
3543
+ justify-content: space-between;
3544
+ padding: 10px 12px 8px;
3545
+ border-bottom: 1px solid var(--default-border-color, #e4e4e7);
3546
+ }
3547
+ .excalidraw .arp-header__title {
3548
+ display: flex;
3549
+ align-items: center;
3550
+ gap: 6px;
3551
+ font-weight: 600;
3552
+ font-size: 13px;
3553
+ }
3554
+ .excalidraw .arp-header__title svg {
3555
+ color: var(--color-primary, #4a90d9);
3556
+ }
3557
+ .excalidraw .arp-header__close {
3558
+ display: flex;
3559
+ align-items: center;
3560
+ justify-content: center;
3561
+ width: 22px;
3562
+ height: 22px;
3563
+ border: none;
3564
+ background: transparent;
3565
+ border-radius: 4px;
3566
+ cursor: pointer;
3567
+ padding: 0;
3568
+ color: var(--text-secondary-color, #888);
3569
+ transition: background 0.12s ease;
3570
+ }
3571
+ .excalidraw .arp-header__close:hover {
3572
+ background: var(--button-hover-bg, rgba(0, 0, 0, 0.06));
3573
+ color: var(--text-primary-color, #333);
3574
+ }
3575
+ .excalidraw .arp-source {
3576
+ padding: 5px 12px;
3577
+ font-size: 11px;
3578
+ color: var(--text-secondary-color, #888);
3579
+ background: var(--default-bg-color, rgba(0, 0, 0, 0.02));
3580
+ border-bottom: 1px solid var(--default-border-color, #e4e4e7);
3581
+ }
3582
+ .excalidraw .arp-section-label {
3583
+ padding: 8px 12px 4px;
3584
+ font-size: 10px;
3585
+ font-weight: 600;
3586
+ text-transform: uppercase;
3587
+ letter-spacing: 0.5px;
3588
+ color: var(--text-secondary-color, #888);
3589
+ }
3590
+ .excalidraw .arp-presets {
3591
+ padding: 0 8px 4px;
3592
+ display: flex;
3593
+ flex-direction: column;
3594
+ gap: 1px;
3595
+ }
3596
+ .excalidraw .arp-preset {
3597
+ display: flex;
3598
+ align-items: center;
3599
+ gap: 6px;
3600
+ padding: 6px 8px;
3601
+ border: none;
3602
+ border-radius: 6px;
3603
+ background: transparent;
3604
+ cursor: pointer;
3605
+ text-align: left;
3606
+ font-size: 12px;
3607
+ font-family: inherit;
3608
+ color: var(--text-primary-color, #333);
3609
+ transition: background 0.12s ease;
3610
+ width: 100%;
3611
+ }
3612
+ .excalidraw .arp-preset:hover:not(.excalidraw .arp-preset--disabled) {
3613
+ background: var(--button-hover-bg, rgba(0, 0, 0, 0.05));
3614
+ }
3615
+ .excalidraw .arp-preset--selected {
3616
+ background: rgba(74, 144, 217, 0.08);
3617
+ color: var(--text-primary-color, #333);
3618
+ }
3619
+ .excalidraw .arp-preset--disabled {
3620
+ cursor: default;
3621
+ opacity: 0.7;
3622
+ }
3623
+ .excalidraw .arp-preset__check {
3624
+ width: 14px;
3625
+ height: 14px;
3626
+ border: 1.5px solid var(--default-border-color, #d0d0d0);
3627
+ border-radius: 3px;
3628
+ display: flex;
3629
+ align-items: center;
3630
+ justify-content: center;
3631
+ flex-shrink: 0;
3632
+ background: transparent;
3633
+ transition: background 0.12s ease, border-color 0.12s ease;
3634
+ }
3635
+ .arp-preset--selected .excalidraw .arp-preset__check {
3636
+ background: var(--color-primary, #4a90d9);
3637
+ border-color: var(--color-primary, #4a90d9);
3638
+ color: white;
3639
+ }
3640
+ .excalidraw .arp-preset__label {
3641
+ font-weight: 500;
3642
+ flex: 0 0 auto;
3643
+ min-width: 80px;
3644
+ }
3645
+ .excalidraw .arp-preset__desc {
3646
+ font-size: 11px;
3647
+ color: var(--text-secondary-color, #999);
3648
+ flex: 1;
3649
+ }
3650
+ .excalidraw .arp-preset__status {
3651
+ flex-shrink: 0;
3652
+ margin-left: auto;
3653
+ }
3654
+ .excalidraw .arp-extras {
3655
+ padding: 4px 12px;
3656
+ display: flex;
3657
+ flex-wrap: wrap;
3658
+ gap: 4px;
3659
+ }
3660
+ .excalidraw .arp-extra-tag {
3661
+ display: inline-flex;
3662
+ align-items: center;
3663
+ gap: 4px;
3664
+ padding: 3px 8px;
3665
+ border-radius: 12px;
3666
+ background: var(--color-primary-light, rgba(74, 144, 217, 0.1));
3667
+ color: var(--color-primary, #4a90d9);
3668
+ font-size: 11px;
3669
+ font-weight: 500;
3670
+ }
3671
+ .excalidraw .arp-extra-tag__remove {
3672
+ border: none;
3673
+ background: transparent;
3674
+ padding: 0;
3675
+ cursor: pointer;
3676
+ color: inherit;
3677
+ opacity: 0.6;
3678
+ font-size: 13px;
3679
+ line-height: 1;
3680
+ margin-left: 2px;
3681
+ }
3682
+ .excalidraw .arp-extra-tag__remove:hover {
3683
+ opacity: 1;
3684
+ }
3685
+ .excalidraw .arp-custom-row {
3686
+ display: flex;
3687
+ align-items: center;
3688
+ gap: 6px;
3689
+ padding: 4px 12px 10px;
3690
+ }
3691
+ .excalidraw .arp-custom-input {
3692
+ width: 56px;
3693
+ padding: 5px 6px;
3694
+ border: 1px solid var(--default-border-color, #e4e4e7);
3695
+ border-radius: 5px;
3696
+ font-size: 12px;
3697
+ text-align: center;
3698
+ font-family: inherit;
3699
+ color: var(--text-primary-color, #333);
3700
+ background: var(--input-bg-color, #fff);
3701
+ outline: none;
3702
+ transition: border-color 0.12s ease;
3703
+ -moz-appearance: textfield;
3704
+ }
3705
+ .excalidraw .arp-custom-input:focus {
3706
+ border-color: var(--color-primary, #4a90d9);
3707
+ }
3708
+ .excalidraw .arp-custom-input::-webkit-outer-spin-button,
3709
+ .excalidraw .arp-custom-input::-webkit-inner-spin-button {
3710
+ -webkit-appearance: none;
3711
+ margin: 0;
3712
+ }
3713
+ .excalidraw .arp-custom-x {
3714
+ font-size: 12px;
3715
+ color: var(--text-secondary-color, #aaa);
3716
+ }
3717
+ .excalidraw .arp-custom-add {
3718
+ flex: 1;
3719
+ padding: 5px 8px;
3720
+ border: 1px solid var(--default-border-color, #e4e4e7);
3721
+ border-radius: 5px;
3722
+ background: transparent;
3723
+ font-size: 12px;
3724
+ font-family: inherit;
3725
+ cursor: pointer;
3726
+ color: var(--color-primary, #4a90d9);
3727
+ transition: background 0.12s ease, border-color 0.12s ease;
3728
+ white-space: nowrap;
3729
+ }
3730
+ .excalidraw .arp-custom-add:hover:not(:disabled) {
3731
+ background: rgba(74, 144, 217, 0.06);
3732
+ border-color: var(--color-primary, #4a90d9);
3733
+ }
3734
+ .excalidraw .arp-custom-add:disabled {
3735
+ opacity: 0.4;
3736
+ cursor: default;
3737
+ }
3738
+ .excalidraw .arp-status {
3739
+ display: flex;
3740
+ align-items: center;
3741
+ justify-content: center;
3742
+ width: 16px;
3743
+ height: 16px;
3744
+ }
3745
+ .excalidraw .arp-status--waiting {
3746
+ color: var(--text-secondary-color, #bbb);
3747
+ font-size: 11px;
3748
+ }
3749
+ .excalidraw .arp-status--running {
3750
+ color: var(--color-primary, #4a90d9);
3751
+ }
3752
+ .excalidraw .arp-status--done {
3753
+ color: #22c55e;
3754
+ }
3755
+ .excalidraw .arp-status--error {
3756
+ color: #ef4444;
3757
+ }
3758
+ .excalidraw .arp-spinner {
3759
+ animation: arp-spin 0.9s linear infinite;
3760
+ }
3761
+ @keyframes arp-spin {
3762
+ to {
3763
+ transform: rotate(360deg);
3764
+ }
3765
+ }
3766
+ .excalidraw .arp-progress {
3767
+ padding: 8px 12px;
3768
+ display: flex;
3769
+ align-items: center;
3770
+ gap: 8px;
3771
+ border-top: 1px solid var(--default-border-color, #e4e4e7);
3772
+ }
3773
+ .excalidraw .arp-progress__bar-bg {
3774
+ flex: 1;
3775
+ height: 4px;
3776
+ background: var(--default-border-color, #e8e8e8);
3777
+ border-radius: 2px;
3778
+ overflow: hidden;
3779
+ }
3780
+ .excalidraw .arp-progress__bar-fill {
3781
+ height: 100%;
3782
+ background: var(--color-primary, #4a90d9);
3783
+ border-radius: 2px;
3784
+ transition: width 0.3s ease;
3785
+ }
3786
+ .excalidraw .arp-progress__text {
3787
+ font-size: 11px;
3788
+ color: var(--text-secondary-color, #888);
3789
+ white-space: nowrap;
3790
+ }
3791
+ .excalidraw .arp-error {
3792
+ margin: 4px 12px;
3793
+ padding: 8px 10px;
3794
+ border-radius: 6px;
3795
+ background: rgba(239, 68, 68, 0.08);
3796
+ color: #ef4444;
3797
+ font-size: 11px;
3798
+ line-height: 1.4;
3799
+ }
3800
+ .excalidraw .arp-actions {
3801
+ padding: 8px 12px 10px;
3802
+ display: flex;
3803
+ gap: 6px;
3804
+ border-top: 1px solid var(--default-border-color, #e4e4e7);
3805
+ }
3806
+ .excalidraw .arp-btn {
3807
+ flex: 1;
3808
+ padding: 7px 12px;
3809
+ border-radius: 6px;
3810
+ border: none;
3811
+ font-size: 12px;
3812
+ font-family: inherit;
3813
+ font-weight: 500;
3814
+ cursor: pointer;
3815
+ transition: background 0.12s ease, opacity 0.12s ease;
3816
+ }
3817
+ .excalidraw .arp-btn:disabled {
3818
+ opacity: 0.45;
3819
+ cursor: default;
3820
+ }
3821
+ .excalidraw .arp-btn--primary {
3822
+ background: var(--color-primary, #4a90d9);
3823
+ color: #fff;
3824
+ }
3825
+ .excalidraw .arp-btn--primary:hover:not(:disabled) {
3826
+ background: var(--color-primary-darker, #3a7bc8);
3827
+ }
3828
+ .excalidraw .arp-btn--cancel {
3829
+ background: rgba(239, 68, 68, 0.1);
3830
+ color: #ef4444;
3831
+ }
3832
+ .excalidraw .arp-btn--cancel:hover {
3833
+ background: rgba(239, 68, 68, 0.18);
3834
+ }
3835
+ .excalidraw .arp-btn--ghost {
3836
+ background: transparent;
3837
+ color: var(--text-secondary-color, #777);
3838
+ border: 1px solid var(--default-border-color, #e4e4e7);
3839
+ }
3840
+ .excalidraw .arp-btn--ghost:hover {
3841
+ background: var(--button-hover-bg, rgba(0, 0, 0, 0.04));
3842
+ }
3843
+
3493
3844
  /* components/ImageGeneratorPanel.scss */
3494
3845
  .excalidraw .igp {
3495
3846
  position: absolute;
@@ -9282,6 +9633,12 @@ body.excalidraw-cursor-resize * {
9282
9633
  .text-zinc-950 {
9283
9634
  color: var(--color-zinc-950);
9284
9635
  }
9636
+ .capitalize {
9637
+ text-transform: capitalize;
9638
+ }
9639
+ .lowercase {
9640
+ text-transform: lowercase;
9641
+ }
9285
9642
  .uppercase {
9286
9643
  text-transform: uppercase;
9287
9644
  }
@@ -9372,6 +9729,34 @@ body.excalidraw-cursor-resize * {
9372
9729
  .filter {
9373
9730
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
9374
9731
  }
9732
+ .transition {
9733
+ transition-property:
9734
+ color,
9735
+ background-color,
9736
+ border-color,
9737
+ outline-color,
9738
+ text-decoration-color,
9739
+ fill,
9740
+ stroke,
9741
+ --tw-gradient-from,
9742
+ --tw-gradient-via,
9743
+ --tw-gradient-to,
9744
+ opacity,
9745
+ box-shadow,
9746
+ transform,
9747
+ translate,
9748
+ scale,
9749
+ rotate,
9750
+ filter,
9751
+ -webkit-backdrop-filter,
9752
+ backdrop-filter,
9753
+ display,
9754
+ content-visibility,
9755
+ overlay,
9756
+ pointer-events;
9757
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
9758
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
9759
+ }
9375
9760
  .transition-all {
9376
9761
  transition-property: all;
9377
9762
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -10350,12 +10735,17 @@ body.excalidraw-cursor-resize * {
10350
10735
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
10351
10736
  padding: 0 !important;
10352
10737
  cursor: text !important;
10738
+ overflow: hidden !important;
10353
10739
  }
10354
10740
  .excalidraw .acp .acp-textarea {
10355
10741
  display: block !important;
10356
10742
  width: 100% !important;
10743
+ box-sizing: border-box !important;
10357
10744
  min-height: 56px !important;
10358
10745
  resize: none !important;
10746
+ overflow-x: hidden !important;
10747
+ word-wrap: break-word !important;
10748
+ white-space: pre-wrap !important;
10359
10749
  padding: 14px 16px 6px !important;
10360
10750
  font-family: inherit !important;
10361
10751
  font-size: 14px !important;