sunpeak 0.5.39 → 0.5.41
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/chatgpt/mock-openai.d.ts +2 -2
- package/dist/chatgpt/simple-sidebar.d.ts +2 -1
- package/dist/hooks/use-max-height.d.ts +1 -1
- package/dist/index.cjs +162 -144
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +162 -144
- package/dist/index.js.map +1 -1
- package/dist/providers/openai/types.d.ts +1 -1
- package/dist/providers/types.d.ts +1 -1
- package/dist/style.css +112 -35
- package/package.json +1 -1
- package/template/dist/chatgpt/albums.js +11 -11
- package/template/dist/chatgpt/carousel.js +2 -2
- package/template/dist/chatgpt/counter.js +7 -7
- package/template/node_modules/.vite/deps/_metadata.json +17 -17
- package/template/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/template/src/components/album/albums.test.tsx +7 -2
- package/template/src/components/album/albums.tsx +1 -1
- package/template/src/components/album/fullscreen-viewer.test.tsx +12 -24
- package/template/src/components/album/fullscreen-viewer.tsx +30 -71
- package/template/src/components/carousel/carousel.tsx +1 -1
- package/template/src/components/resources/albums-resource.tsx +1 -0
- package/template/src/components/resources/counter-resource.tsx +8 -0
- package/template/src/simulations/albums-simulation.ts +5 -1
- package/template/src/simulations/carousel-simulation.ts +5 -1
- package/template/src/simulations/counter-simulation.ts +6 -1
- package/template/src/simulations/widget-config.ts +42 -0
|
@@ -9,7 +9,7 @@ export type OpenAiGlobals<ToolInput = UnknownObject, ToolOutput = UnknownObject,
|
|
|
9
9
|
theme: Theme;
|
|
10
10
|
userAgent: UserAgent;
|
|
11
11
|
locale: string;
|
|
12
|
-
maxHeight: number;
|
|
12
|
+
maxHeight: number | undefined;
|
|
13
13
|
displayMode: DisplayMode;
|
|
14
14
|
safeArea: SafeArea;
|
|
15
15
|
view: View | null;
|
|
@@ -12,7 +12,7 @@ export type WidgetGlobals<ToolInput = UnknownObject, ToolOutput = UnknownObject,
|
|
|
12
12
|
theme: Theme;
|
|
13
13
|
userAgent: UserAgent;
|
|
14
14
|
locale: string;
|
|
15
|
-
maxHeight: number;
|
|
15
|
+
maxHeight: number | undefined;
|
|
16
16
|
displayMode: DisplayMode;
|
|
17
17
|
safeArea: SafeArea;
|
|
18
18
|
view: View | null;
|
package/dist/style.css
CHANGED
|
@@ -5,6 +5,11 @@
|
|
|
5
5
|
--tw-translate-x: 0;
|
|
6
6
|
--tw-translate-y: 0;
|
|
7
7
|
--tw-translate-z: 0;
|
|
8
|
+
--tw-rotate-x: initial;
|
|
9
|
+
--tw-rotate-y: initial;
|
|
10
|
+
--tw-rotate-z: initial;
|
|
11
|
+
--tw-skew-x: initial;
|
|
12
|
+
--tw-skew-y: initial;
|
|
8
13
|
--tw-pan-x: initial;
|
|
9
14
|
--tw-pan-y: initial;
|
|
10
15
|
--tw-pinch-zoom: initial;
|
|
@@ -3119,14 +3124,26 @@
|
|
|
3119
3124
|
position: sticky;
|
|
3120
3125
|
}
|
|
3121
3126
|
|
|
3122
|
-
.inset-0 {
|
|
3123
|
-
inset: calc(var(--spacing) * 0);
|
|
3124
|
-
}
|
|
3125
|
-
|
|
3126
3127
|
.-start-2 {
|
|
3127
3128
|
inset-inline-start: calc(var(--spacing) * -2);
|
|
3128
3129
|
}
|
|
3129
3130
|
|
|
3131
|
+
.start-0 {
|
|
3132
|
+
inset-inline-start: calc(var(--spacing) * 0);
|
|
3133
|
+
}
|
|
3134
|
+
|
|
3135
|
+
.start-4 {
|
|
3136
|
+
inset-inline-start: calc(var(--spacing) * 4);
|
|
3137
|
+
}
|
|
3138
|
+
|
|
3139
|
+
.end-0 {
|
|
3140
|
+
inset-inline-end: calc(var(--spacing) * 0);
|
|
3141
|
+
}
|
|
3142
|
+
|
|
3143
|
+
.end-4 {
|
|
3144
|
+
inset-inline-end: calc(var(--spacing) * 4);
|
|
3145
|
+
}
|
|
3146
|
+
|
|
3130
3147
|
.-top-1\.5 {
|
|
3131
3148
|
top: calc(var(--spacing) * -1.5);
|
|
3132
3149
|
}
|
|
@@ -3139,8 +3156,8 @@
|
|
|
3139
3156
|
top: 50%;
|
|
3140
3157
|
}
|
|
3141
3158
|
|
|
3142
|
-
.top-
|
|
3143
|
-
top: calc(var(--spacing) *
|
|
3159
|
+
.top-4 {
|
|
3160
|
+
top: calc(var(--spacing) * 4);
|
|
3144
3161
|
}
|
|
3145
3162
|
|
|
3146
3163
|
.right-0 {
|
|
@@ -3159,10 +3176,6 @@
|
|
|
3159
3176
|
left: calc(var(--spacing) * 0);
|
|
3160
3177
|
}
|
|
3161
3178
|
|
|
3162
|
-
.left-1\/2 {
|
|
3163
|
-
left: 50%;
|
|
3164
|
-
}
|
|
3165
|
-
|
|
3166
3179
|
.left-2 {
|
|
3167
3180
|
left: calc(var(--spacing) * 2);
|
|
3168
3181
|
}
|
|
@@ -3223,8 +3236,8 @@
|
|
|
3223
3236
|
}
|
|
3224
3237
|
}
|
|
3225
3238
|
|
|
3226
|
-
.
|
|
3227
|
-
margin:
|
|
3239
|
+
.mx-0 {
|
|
3240
|
+
margin-inline: calc(var(--spacing) * 0);
|
|
3228
3241
|
}
|
|
3229
3242
|
|
|
3230
3243
|
.mx-auto {
|
|
@@ -3319,6 +3332,10 @@
|
|
|
3319
3332
|
height: calc(var(--spacing) * 12);
|
|
3320
3333
|
}
|
|
3321
3334
|
|
|
3335
|
+
.h-\[3\.25rem\] {
|
|
3336
|
+
height: 3.25rem;
|
|
3337
|
+
}
|
|
3338
|
+
|
|
3322
3339
|
.h-auto {
|
|
3323
3340
|
height: auto;
|
|
3324
3341
|
}
|
|
@@ -3367,10 +3384,18 @@
|
|
|
3367
3384
|
width: calc(var(--spacing) * 56);
|
|
3368
3385
|
}
|
|
3369
3386
|
|
|
3387
|
+
.w-auto {
|
|
3388
|
+
width: auto;
|
|
3389
|
+
}
|
|
3390
|
+
|
|
3370
3391
|
.w-full {
|
|
3371
3392
|
width: 100%;
|
|
3372
3393
|
}
|
|
3373
3394
|
|
|
3395
|
+
.max-w-\[40rem\] {
|
|
3396
|
+
max-width: 40rem;
|
|
3397
|
+
}
|
|
3398
|
+
|
|
3374
3399
|
.max-w-\[48rem\] {
|
|
3375
3400
|
max-width: 48rem;
|
|
3376
3401
|
}
|
|
@@ -3379,10 +3404,6 @@
|
|
|
3379
3404
|
max-width: 70%;
|
|
3380
3405
|
}
|
|
3381
3406
|
|
|
3382
|
-
.max-w-\[calc\(100vw-2rem\)\] {
|
|
3383
|
-
max-width: calc(100vw - 2rem);
|
|
3384
|
-
}
|
|
3385
|
-
|
|
3386
3407
|
.max-w-full {
|
|
3387
3408
|
max-width: 100%;
|
|
3388
3409
|
}
|
|
@@ -3415,16 +3436,15 @@
|
|
|
3415
3436
|
flex-grow: 1;
|
|
3416
3437
|
}
|
|
3417
3438
|
|
|
3418
|
-
.-translate-x-1\/2 {
|
|
3419
|
-
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
3420
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
3421
|
-
}
|
|
3422
|
-
|
|
3423
3439
|
.-translate-y-1\/2 {
|
|
3424
3440
|
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
3425
3441
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
3426
3442
|
}
|
|
3427
3443
|
|
|
3444
|
+
.transform {
|
|
3445
|
+
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
|
|
3446
|
+
}
|
|
3447
|
+
|
|
3428
3448
|
.cursor-pointer {
|
|
3429
3449
|
cursor: pointer;
|
|
3430
3450
|
}
|
|
@@ -3548,10 +3568,6 @@
|
|
|
3548
3568
|
overflow: visible;
|
|
3549
3569
|
}
|
|
3550
3570
|
|
|
3551
|
-
.overflow-x-auto {
|
|
3552
|
-
overflow-x: auto;
|
|
3553
|
-
}
|
|
3554
|
-
|
|
3555
3571
|
.overflow-x-hidden {
|
|
3556
3572
|
overflow-x: hidden;
|
|
3557
3573
|
}
|
|
@@ -3632,8 +3648,8 @@
|
|
|
3632
3648
|
background-color: #3a3a3a;
|
|
3633
3649
|
}
|
|
3634
3650
|
|
|
3635
|
-
.bg-\[
|
|
3636
|
-
background-color:
|
|
3651
|
+
.bg-\[\#212121\] {
|
|
3652
|
+
background-color: #212121;
|
|
3637
3653
|
}
|
|
3638
3654
|
|
|
3639
3655
|
.bg-\[var\(--color-background-primary-soft\)\] {
|
|
@@ -3903,13 +3919,13 @@
|
|
|
3903
3919
|
opacity: .6;
|
|
3904
3920
|
}
|
|
3905
3921
|
|
|
3906
|
-
.shadow-\[
|
|
3907
|
-
--tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color,
|
|
3922
|
+
.shadow-\[0px_0px_0px_1px_\#fff3\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
|
|
3923
|
+
--tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 0px 4px 12px var(--tw-shadow-color, #0000001f);
|
|
3908
3924
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3909
3925
|
}
|
|
3910
3926
|
|
|
3911
|
-
.shadow-\[
|
|
3912
|
-
--tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color,
|
|
3927
|
+
.shadow-\[0px_0px_0px_1px_\#fff3\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
|
|
3928
|
+
--tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 0px 6px 20px var(--tw-shadow-color, #0000001a);
|
|
3913
3929
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3914
3930
|
}
|
|
3915
3931
|
|
|
@@ -4003,23 +4019,53 @@
|
|
|
4003
4019
|
}
|
|
4004
4020
|
}
|
|
4005
4021
|
|
|
4022
|
+
@media not all and (min-width: 576px) {
|
|
4023
|
+
.max-sm\:-mx-\[1rem\] {
|
|
4024
|
+
margin-inline: -1rem;
|
|
4025
|
+
}
|
|
4026
|
+
|
|
4027
|
+
.max-sm\:w-\[100cqw\] {
|
|
4028
|
+
width: 100cqw;
|
|
4029
|
+
}
|
|
4030
|
+
|
|
4031
|
+
.max-sm\:overflow-hidden {
|
|
4032
|
+
overflow: hidden;
|
|
4033
|
+
}
|
|
4034
|
+
}
|
|
4035
|
+
|
|
4006
4036
|
@media (min-width: 576px) {
|
|
4037
|
+
.sm\:start-0 {
|
|
4038
|
+
inset-inline-start: calc(var(--spacing) * 0);
|
|
4039
|
+
}
|
|
4040
|
+
|
|
4041
|
+
.sm\:end-0 {
|
|
4042
|
+
inset-inline-end: calc(var(--spacing) * 0);
|
|
4043
|
+
}
|
|
4044
|
+
|
|
4045
|
+
.sm\:top-\[3\.25rem\] {
|
|
4046
|
+
top: 3.25rem;
|
|
4047
|
+
}
|
|
4048
|
+
|
|
4049
|
+
.sm\:w-full {
|
|
4050
|
+
width: 100%;
|
|
4051
|
+
}
|
|
4052
|
+
|
|
4007
4053
|
.sm\:rounded-3xl {
|
|
4008
4054
|
border-radius: var(--radius-3xl);
|
|
4009
4055
|
}
|
|
4010
4056
|
}
|
|
4011
4057
|
|
|
4012
4058
|
@media (min-width: 768px) {
|
|
4013
|
-
.md
|
|
4014
|
-
|
|
4059
|
+
.md\:-mx-4 {
|
|
4060
|
+
margin-inline: calc(var(--spacing) * -4);
|
|
4015
4061
|
}
|
|
4016
4062
|
|
|
4017
4063
|
.md\:flex {
|
|
4018
4064
|
display: flex;
|
|
4019
4065
|
}
|
|
4020
4066
|
|
|
4021
|
-
.md\:
|
|
4022
|
-
|
|
4067
|
+
.md\:p-10 {
|
|
4068
|
+
padding: calc(var(--spacing) * 10);
|
|
4023
4069
|
}
|
|
4024
4070
|
|
|
4025
4071
|
.md\:pt-8 {
|
|
@@ -4027,6 +4073,12 @@
|
|
|
4027
4073
|
}
|
|
4028
4074
|
}
|
|
4029
4075
|
|
|
4076
|
+
@media (min-width: 1024px) {
|
|
4077
|
+
.lg\:max-w-\[48rem\] {
|
|
4078
|
+
max-width: 48rem;
|
|
4079
|
+
}
|
|
4080
|
+
}
|
|
4081
|
+
|
|
4030
4082
|
.dark\:bg-\[\#303030\]:where([data-theme="dark"], [data-theme="dark"] *) {
|
|
4031
4083
|
background-color: #303030;
|
|
4032
4084
|
}
|
|
@@ -4059,6 +4111,31 @@
|
|
|
4059
4111
|
initial-value: 0;
|
|
4060
4112
|
}
|
|
4061
4113
|
|
|
4114
|
+
@property --tw-rotate-x {
|
|
4115
|
+
syntax: "*";
|
|
4116
|
+
inherits: false
|
|
4117
|
+
}
|
|
4118
|
+
|
|
4119
|
+
@property --tw-rotate-y {
|
|
4120
|
+
syntax: "*";
|
|
4121
|
+
inherits: false
|
|
4122
|
+
}
|
|
4123
|
+
|
|
4124
|
+
@property --tw-rotate-z {
|
|
4125
|
+
syntax: "*";
|
|
4126
|
+
inherits: false
|
|
4127
|
+
}
|
|
4128
|
+
|
|
4129
|
+
@property --tw-skew-x {
|
|
4130
|
+
syntax: "*";
|
|
4131
|
+
inherits: false
|
|
4132
|
+
}
|
|
4133
|
+
|
|
4134
|
+
@property --tw-skew-y {
|
|
4135
|
+
syntax: "*";
|
|
4136
|
+
inherits: false
|
|
4137
|
+
}
|
|
4138
|
+
|
|
4062
4139
|
@property --tw-pan-x {
|
|
4063
4140
|
syntax: "*";
|
|
4064
4141
|
inherits: false
|