@lokutor/sdk 1.1.23 → 1.1.25

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 (4) hide show
  1. package/dist/index.js +13 -14
  2. package/dist/index.mjs +13 -14
  3. package/package.json +1 -1
  4. package/src/conversational-panel.ts +13 -14
package/dist/index.js CHANGED
@@ -1274,7 +1274,6 @@ var PANEL_CSS = (
1274
1274
  box-shadow: inset 0 10px 40px rgba(0, 0, 0, 0.1), inset 0 0 100px rgba(0, 0, 0, 0.05);
1275
1275
  border-radius: 40px;
1276
1276
  overflow: hidden;
1277
- container-type: inline-size;
1278
1277
  }
1279
1278
  .cv-curtain {
1280
1279
  position: absolute;
@@ -1305,21 +1304,21 @@ var PANEL_CSS = (
1305
1304
  display: flex;
1306
1305
  flex-direction: column;
1307
1306
  align-items: center;
1308
- gap: clamp(0.75rem, 1.5cqi, 1.5rem);
1307
+ gap: clamp(0.75rem, 1.5vw, 1.5rem);
1309
1308
  color: #fff;
1310
1309
  text-align: center;
1311
1310
  z-index: 2;
1312
- padding: clamp(1rem, 2cqi, 2rem);
1311
+ padding: clamp(1rem, 2vw, 2rem);
1313
1312
  }
1314
1313
  .cv-curtain-title {
1315
- font-size: clamp(1.2rem, 4cqi, 2.5rem);
1314
+ font-size: clamp(1.2rem, 4vw, 2.5rem);
1316
1315
  font-weight: 800;
1317
1316
  letter-spacing: -0.03em;
1318
1317
  margin: 0;
1319
1318
  text-shadow: 0 4px 20px rgba(0,0,0,0.3);
1320
1319
  }
1321
1320
  .cv-curtain-desc {
1322
- font-size: clamp(0.75rem, 2cqi, 1.1rem);
1321
+ font-size: clamp(0.75rem, 2vw, 1.1rem);
1323
1322
  opacity: 0.8;
1324
1323
  max-width: 400px;
1325
1324
  margin: 0;
@@ -1327,13 +1326,13 @@ var PANEL_CSS = (
1327
1326
  }
1328
1327
  .cv-curtain-btn {
1329
1328
  margin-top: 1rem;
1330
- padding: clamp(0.6rem, 1.5cqi, 1rem) clamp(1.5rem, 3cqi, 2.5rem);
1329
+ padding: clamp(0.6rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
1331
1330
  border-radius: 100px;
1332
1331
  background: #fff;
1333
1332
  color: #000;
1334
1333
  border: none;
1335
1334
  font-weight: 700;
1336
- font-size: clamp(0.8rem, 1.5cqi, 1rem);
1335
+ font-size: clamp(0.8rem, 1.5vw, 1rem);
1337
1336
  display: flex;
1338
1337
  align-items: center;
1339
1338
  gap: 0.75rem;
@@ -1358,7 +1357,7 @@ var PANEL_CSS = (
1358
1357
  margin-bottom: auto;
1359
1358
  }
1360
1359
  .cv-title {
1361
- font-size: clamp(1rem, 2.5cqi, 1.75rem);
1360
+ font-size: clamp(1rem, 2.5vw, 1.75rem);
1362
1361
  font-weight: 700;
1363
1362
  color: #e0e0e0;
1364
1363
  display: flex;
@@ -1377,8 +1376,8 @@ var PANEL_CSS = (
1377
1376
  top: 50%;
1378
1377
  left: 50%;
1379
1378
  transform: translate(-50%, -50%);
1380
- width: clamp(140px, 40cqi, 280px);
1381
- height: clamp(140px, 40cqi, 280px);
1379
+ width: clamp(140px, 40vw, 280px);
1380
+ height: clamp(140px, 40vw, 280px);
1382
1381
  display: flex;
1383
1382
  align-items: center;
1384
1383
  justify-content: center;
@@ -1475,11 +1474,11 @@ var PANEL_CSS = (
1475
1474
  .cv-error.is-visible { display: flex; }
1476
1475
  .cv-error-icon { color: var(--cv-accent); flex-shrink: 0; }
1477
1476
  @media (max-width: 640px) {
1478
- .cv-panel { aspect-ratio: 4 / 3; border-radius: 20px; padding: 1rem 0; }
1477
+ .cv-panel { aspect-ratio: 3 / 4; max-height: 600px; border-radius: 20px; padding: 1rem 0; }
1479
1478
  .cv-curtain-content { padding: 0.75rem; gap: 0.5rem; }
1480
- .cv-curtain-title { font-size: clamp(1rem, 5cqi, 1.6rem); }
1481
- .cv-curtain-btn { padding: 0.5rem 1.25rem; font-size: clamp(0.7rem, 2cqi, 0.85rem); }
1482
- .cv-visualizer-wrap { width: clamp(100px, 50cqi, 200px); height: clamp(100px, 50cqi, 200px); }
1479
+ .cv-curtain-title { font-size: clamp(1rem, 5vw, 1.6rem); }
1480
+ .cv-curtain-btn { padding: 0.5rem 1.25rem; font-size: clamp(0.7rem, 2vw, 0.85rem); }
1481
+ .cv-visualizer-wrap { width: clamp(100px, 50vw, 200px); height: clamp(100px, 50vw, 200px); }
1483
1482
  }
1484
1483
  `
1485
1484
  );
package/dist/index.mjs CHANGED
@@ -1227,7 +1227,6 @@ var PANEL_CSS = (
1227
1227
  box-shadow: inset 0 10px 40px rgba(0, 0, 0, 0.1), inset 0 0 100px rgba(0, 0, 0, 0.05);
1228
1228
  border-radius: 40px;
1229
1229
  overflow: hidden;
1230
- container-type: inline-size;
1231
1230
  }
1232
1231
  .cv-curtain {
1233
1232
  position: absolute;
@@ -1258,21 +1257,21 @@ var PANEL_CSS = (
1258
1257
  display: flex;
1259
1258
  flex-direction: column;
1260
1259
  align-items: center;
1261
- gap: clamp(0.75rem, 1.5cqi, 1.5rem);
1260
+ gap: clamp(0.75rem, 1.5vw, 1.5rem);
1262
1261
  color: #fff;
1263
1262
  text-align: center;
1264
1263
  z-index: 2;
1265
- padding: clamp(1rem, 2cqi, 2rem);
1264
+ padding: clamp(1rem, 2vw, 2rem);
1266
1265
  }
1267
1266
  .cv-curtain-title {
1268
- font-size: clamp(1.2rem, 4cqi, 2.5rem);
1267
+ font-size: clamp(1.2rem, 4vw, 2.5rem);
1269
1268
  font-weight: 800;
1270
1269
  letter-spacing: -0.03em;
1271
1270
  margin: 0;
1272
1271
  text-shadow: 0 4px 20px rgba(0,0,0,0.3);
1273
1272
  }
1274
1273
  .cv-curtain-desc {
1275
- font-size: clamp(0.75rem, 2cqi, 1.1rem);
1274
+ font-size: clamp(0.75rem, 2vw, 1.1rem);
1276
1275
  opacity: 0.8;
1277
1276
  max-width: 400px;
1278
1277
  margin: 0;
@@ -1280,13 +1279,13 @@ var PANEL_CSS = (
1280
1279
  }
1281
1280
  .cv-curtain-btn {
1282
1281
  margin-top: 1rem;
1283
- padding: clamp(0.6rem, 1.5cqi, 1rem) clamp(1.5rem, 3cqi, 2.5rem);
1282
+ padding: clamp(0.6rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
1284
1283
  border-radius: 100px;
1285
1284
  background: #fff;
1286
1285
  color: #000;
1287
1286
  border: none;
1288
1287
  font-weight: 700;
1289
- font-size: clamp(0.8rem, 1.5cqi, 1rem);
1288
+ font-size: clamp(0.8rem, 1.5vw, 1rem);
1290
1289
  display: flex;
1291
1290
  align-items: center;
1292
1291
  gap: 0.75rem;
@@ -1311,7 +1310,7 @@ var PANEL_CSS = (
1311
1310
  margin-bottom: auto;
1312
1311
  }
1313
1312
  .cv-title {
1314
- font-size: clamp(1rem, 2.5cqi, 1.75rem);
1313
+ font-size: clamp(1rem, 2.5vw, 1.75rem);
1315
1314
  font-weight: 700;
1316
1315
  color: #e0e0e0;
1317
1316
  display: flex;
@@ -1330,8 +1329,8 @@ var PANEL_CSS = (
1330
1329
  top: 50%;
1331
1330
  left: 50%;
1332
1331
  transform: translate(-50%, -50%);
1333
- width: clamp(140px, 40cqi, 280px);
1334
- height: clamp(140px, 40cqi, 280px);
1332
+ width: clamp(140px, 40vw, 280px);
1333
+ height: clamp(140px, 40vw, 280px);
1335
1334
  display: flex;
1336
1335
  align-items: center;
1337
1336
  justify-content: center;
@@ -1428,11 +1427,11 @@ var PANEL_CSS = (
1428
1427
  .cv-error.is-visible { display: flex; }
1429
1428
  .cv-error-icon { color: var(--cv-accent); flex-shrink: 0; }
1430
1429
  @media (max-width: 640px) {
1431
- .cv-panel { aspect-ratio: 4 / 3; border-radius: 20px; padding: 1rem 0; }
1430
+ .cv-panel { aspect-ratio: 3 / 4; max-height: 600px; border-radius: 20px; padding: 1rem 0; }
1432
1431
  .cv-curtain-content { padding: 0.75rem; gap: 0.5rem; }
1433
- .cv-curtain-title { font-size: clamp(1rem, 5cqi, 1.6rem); }
1434
- .cv-curtain-btn { padding: 0.5rem 1.25rem; font-size: clamp(0.7rem, 2cqi, 0.85rem); }
1435
- .cv-visualizer-wrap { width: clamp(100px, 50cqi, 200px); height: clamp(100px, 50cqi, 200px); }
1432
+ .cv-curtain-title { font-size: clamp(1rem, 5vw, 1.6rem); }
1433
+ .cv-curtain-btn { padding: 0.5rem 1.25rem; font-size: clamp(0.7rem, 2vw, 0.85rem); }
1434
+ .cv-visualizer-wrap { width: clamp(100px, 50vw, 200px); height: clamp(100px, 50vw, 200px); }
1436
1435
  }
1437
1436
  `
1438
1437
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lokutor/sdk",
3
- "version": "1.1.23",
3
+ "version": "1.1.25",
4
4
  "description": "JavaScript/TypeScript SDK for Lokutor Real-time Voice AI",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/src/conversational-panel.ts CHANGED
@@ -14,7 +14,6 @@ const PANEL_CSS = /*css*/ `
14
14
  box-shadow: inset 0 10px 40px rgba(0, 0, 0, 0.1), inset 0 0 100px rgba(0, 0, 0, 0.05);
15
15
  border-radius: 40px;
16
16
  overflow: hidden;
17
- container-type: inline-size;
18
17
  }
19
18
  .cv-curtain {
20
19
  position: absolute;
@@ -45,21 +44,21 @@ const PANEL_CSS = /*css*/ `
45
44
  display: flex;
46
45
  flex-direction: column;
47
46
  align-items: center;
48
- gap: clamp(0.75rem, 1.5cqi, 1.5rem);
47
+ gap: clamp(0.75rem, 1.5vw, 1.5rem);
49
48
  color: #fff;
50
49
  text-align: center;
51
50
  z-index: 2;
52
- padding: clamp(1rem, 2cqi, 2rem);
51
+ padding: clamp(1rem, 2vw, 2rem);
53
52
  }
54
53
  .cv-curtain-title {
55
- font-size: clamp(1.2rem, 4cqi, 2.5rem);
54
+ font-size: clamp(1.2rem, 4vw, 2.5rem);
56
55
  font-weight: 800;
57
56
  letter-spacing: -0.03em;
58
57
  margin: 0;
59
58
  text-shadow: 0 4px 20px rgba(0,0,0,0.3);
60
59
  }
61
60
  .cv-curtain-desc {
62
- font-size: clamp(0.75rem, 2cqi, 1.1rem);
61
+ font-size: clamp(0.75rem, 2vw, 1.1rem);
63
62
  opacity: 0.8;
64
63
  max-width: 400px;
65
64
  margin: 0;
@@ -67,13 +66,13 @@ const PANEL_CSS = /*css*/ `
67
66
  }
68
67
  .cv-curtain-btn {
69
68
  margin-top: 1rem;
70
- padding: clamp(0.6rem, 1.5cqi, 1rem) clamp(1.5rem, 3cqi, 2.5rem);
69
+ padding: clamp(0.6rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
71
70
  border-radius: 100px;
72
71
  background: #fff;
73
72
  color: #000;
74
73
  border: none;
75
74
  font-weight: 700;
76
- font-size: clamp(0.8rem, 1.5cqi, 1rem);
75
+ font-size: clamp(0.8rem, 1.5vw, 1rem);
77
76
  display: flex;
78
77
  align-items: center;
79
78
  gap: 0.75rem;
@@ -98,7 +97,7 @@ const PANEL_CSS = /*css*/ `
98
97
  margin-bottom: auto;
99
98
  }
100
99
  .cv-title {
101
- font-size: clamp(1rem, 2.5cqi, 1.75rem);
100
+ font-size: clamp(1rem, 2.5vw, 1.75rem);
102
101
  font-weight: 700;
103
102
  color: #e0e0e0;
104
103
  display: flex;
@@ -117,8 +116,8 @@ const PANEL_CSS = /*css*/ `
117
116
  top: 50%;
118
117
  left: 50%;
119
118
  transform: translate(-50%, -50%);
120
- width: clamp(140px, 40cqi, 280px);
121
- height: clamp(140px, 40cqi, 280px);
119
+ width: clamp(140px, 40vw, 280px);
120
+ height: clamp(140px, 40vw, 280px);
122
121
  display: flex;
123
122
  align-items: center;
124
123
  justify-content: center;
@@ -215,11 +214,11 @@ const PANEL_CSS = /*css*/ `
215
214
  .cv-error.is-visible { display: flex; }
216
215
  .cv-error-icon { color: var(--cv-accent); flex-shrink: 0; }
217
216
  @media (max-width: 640px) {
218
- .cv-panel { aspect-ratio: 4 / 3; border-radius: 20px; padding: 1rem 0; }
217
+ .cv-panel { aspect-ratio: 3 / 4; max-height: 600px; border-radius: 20px; padding: 1rem 0; }
219
218
  .cv-curtain-content { padding: 0.75rem; gap: 0.5rem; }
220
- .cv-curtain-title { font-size: clamp(1rem, 5cqi, 1.6rem); }
221
- .cv-curtain-btn { padding: 0.5rem 1.25rem; font-size: clamp(0.7rem, 2cqi, 0.85rem); }
222
- .cv-visualizer-wrap { width: clamp(100px, 50cqi, 200px); height: clamp(100px, 50cqi, 200px); }
219
+ .cv-curtain-title { font-size: clamp(1rem, 5vw, 1.6rem); }
220
+ .cv-curtain-btn { padding: 0.5rem 1.25rem; font-size: clamp(0.7rem, 2vw, 0.85rem); }
221
+ .cv-visualizer-wrap { width: clamp(100px, 50vw, 200px); height: clamp(100px, 50vw, 200px); }
223
222
  }
224
223
  `;
225
224