@anker-in/ui 0.1.10 → 0.1.11

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 (11) hide show
  1. package/dist/demo-room.js +107 -94
  2. package/dist/demo-room.js.map +1 -1
  3. package/dist/demo-room.mjs +107 -94
  4. package/dist/demo-room.mjs.map +1 -1
  5. package/dist/index.d.mts +3 -2
  6. package/dist/index.d.ts +3 -2
  7. package/dist/index.js +262 -212
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +262 -212
  10. package/dist/index.mjs.map +1 -1
  11. package/package.json +1 -1
package/dist/demo-room.js CHANGED
@@ -57,7 +57,7 @@ var StudioCard = ({
57
57
  {
58
58
  ...props,
59
59
  className: cn(
60
- "p-6 cursor-pointer transition-colors duration-200",
60
+ "p-6 cursor-pointer transition-colors duration-200 border-b border-[#E4E5E6] last:border-b-0",
61
61
  className
62
62
  ),
63
63
  style: {
@@ -74,8 +74,8 @@ var StudioCard = ({
74
74
  },
75
75
  children: [
76
76
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-4", children: [
77
- /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900", children: name }),
78
- distance !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-[#2E8B57] bg-[#E8F5E9] px-3 py-1 rounded-full whitespace-nowrap ml-2", children: [
77
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[24px] l:text-[20px] font-bold text-[#080A0F]", children: name }),
78
+ distance !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[16px] l:text-[14px] font-medium text-[#2E8B57] bg-[#E8F5E9] px-3 py-1 rounded-full whitespace-nowrap ml-2", children: [
79
79
  formatDistance(distance),
80
80
  " ",
81
81
  pageData.away
@@ -134,7 +134,7 @@ var StudioCard = ({
134
134
  ]
135
135
  }
136
136
  ),
137
- /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600", children: [
137
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[16px] l:text-[12px] text-[#2A2C32]", children: [
138
138
  availableTime === pageData.noAvailableTime ? "" : pageData.available,
139
139
  " ",
140
140
  availableTime
@@ -170,7 +170,7 @@ var StudioCard = ({
170
170
  ]
171
171
  }
172
172
  ),
173
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 break-words", children: address }) })
173
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[16px] l:text-[14px] text-[#2A2C32] break-words", children: address }) })
174
174
  ] }),
175
175
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 mb-6", children: [
176
176
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -178,55 +178,44 @@ var StudioCard = ({
178
178
  {
179
179
  width: "20",
180
180
  height: "20",
181
- viewBox: "0 0 20 20",
181
+ viewBox: "0 0 24 24",
182
182
  fill: "none",
183
183
  xmlns: "http://www.w3.org/2000/svg",
184
184
  className: "flex-shrink-0 mt-0.5",
185
185
  children: [
186
- /* @__PURE__ */ jsxRuntime.jsx(
187
- "rect",
188
- {
189
- x: "3",
190
- y: "5",
191
- width: "14",
192
- height: "10",
193
- rx: "1.5",
194
- stroke: "currentColor",
195
- strokeWidth: "1.5"
196
- }
197
- ),
198
186
  /* @__PURE__ */ jsxRuntime.jsx(
199
187
  "path",
200
188
  {
201
- d: "M7 15V17",
189
+ d: "M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z",
202
190
  stroke: "currentColor",
203
- strokeWidth: "1.5",
204
- strokeLinecap: "round"
191
+ strokeWidth: "2",
192
+ strokeLinecap: "round",
193
+ strokeLinejoin: "round"
205
194
  }
206
195
  ),
207
196
  /* @__PURE__ */ jsxRuntime.jsx(
208
197
  "path",
209
198
  {
210
- d: "M13 15V17",
199
+ d: "M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325",
211
200
  stroke: "currentColor",
212
- strokeWidth: "1.5",
213
- strokeLinecap: "round"
201
+ strokeWidth: "2",
202
+ strokeLinecap: "round",
203
+ strokeLinejoin: "round"
214
204
  }
215
- ),
216
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "1.5", fill: "currentColor" })
205
+ )
217
206
  ]
218
207
  }
219
208
  ),
220
- /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: euifyMakeModel }) })
209
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[16px] l:text-[14px] text-[#2A2C32]", children: euifyMakeModel }) })
221
210
  ] }),
222
211
  /* @__PURE__ */ jsxRuntime.jsx(
223
212
  "button",
224
213
  {
225
214
  onClick: handleScheduleClick,
226
215
  className: cn(
227
- "w-full px-6 py-3 rounded-full",
228
- "bg-white text-gray-900 border border-gray-900",
229
- "font-medium text-sm",
216
+ "w-fit px-[28px] l:px-[20px] l:py-[8px] py-3 rounded-full",
217
+ "bg-white text-gray-900 border-2 border-gray-900",
218
+ "font-bold text-[16px] l:text-[14px]",
230
219
  "hover:bg-gray-900 hover:text-white",
231
220
  "transition-all duration-200"
232
221
  ),
@@ -346,14 +335,12 @@ var StudioMap = ({
346
335
  const lng = Number(location.lng);
347
336
  const svgIcon = {
348
337
  url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(`
349
- <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
350
- <circle cx="24" cy="24" r="22" fill="#00000010"/>
351
- <circle cx="24" cy="24" r="10" fill="#000000"/>
352
- <circle cx="24" cy="24" r="5" fill="#3ADB67"/>
338
+ <svg xmlns="http://www.w3.org/2000/svg" width="34" height="44" viewBox="0 0 17 22" fill="none">
339
+ <path d="M8.5 0C13.1944 0 17 3.80557 17 8.5C17 12.1044 14.94 15.4573 13.0264 17.8174C12.0543 19.0162 11.0847 20.0016 10.3584 20.6875C9.99466 21.031 9.69081 21.3018 9.47559 21.4873C9.36796 21.5801 9.28226 21.6518 9.22266 21.7012C9.19285 21.7259 9.16878 21.7444 9.15234 21.7578C9.14444 21.7642 9.13843 21.7697 9.13379 21.7734C9.13156 21.7752 9.12935 21.7772 9.12793 21.7783L9.12598 21.7803H9.125C9.12232 21.7774 9.08429 21.7304 8.5 21L9.125 21.7812C8.75978 22.0734 8.24022 22.0734 7.875 21.7812L8.5 21C7.91571 21.7304 7.87768 21.7774 7.875 21.7803H7.87402L7.87207 21.7783C7.87065 21.7772 7.86844 21.7752 7.86621 21.7734C7.86157 21.7697 7.85556 21.7642 7.84766 21.7578C7.83122 21.7444 7.80715 21.7259 7.77734 21.7012C7.71774 21.6518 7.63204 21.5801 7.52441 21.4873C7.30919 21.3018 7.00534 21.031 6.6416 20.6875C5.91533 20.0016 4.94566 19.0162 3.97363 17.8174C2.06001 15.4573 0 12.1044 0 8.5C0 3.80557 3.80557 0 8.5 0ZM8.5 2C4.91013 2 2 4.91013 2 8.5C2 11.3955 3.69006 14.2928 5.52637 16.5576C6.4292 17.6711 7.33473 18.5922 8.01465 19.2344C8.19381 19.4036 8.3573 19.5526 8.5 19.6807C8.6427 19.5526 8.80619 19.4036 8.98535 19.2344C9.66527 18.5922 10.5708 17.6711 11.4736 16.5576C13.3099 14.2928 15 11.3955 15 8.5C15 4.91013 12.0899 2 8.5 2ZM8.5 4.59961C10.6539 4.59961 12.4004 6.34609 12.4004 8.5C12.4004 10.6539 10.6539 12.4004 8.5 12.4004C6.34609 12.4004 4.59961 10.6539 4.59961 8.5C4.59961 6.34609 6.34609 4.59961 8.5 4.59961ZM8.5 6.40039C7.34021 6.40039 6.40039 7.34021 6.40039 8.5C6.40039 9.65979 7.34021 10.5996 8.5 10.5996C9.65979 10.5996 10.5996 9.65979 10.5996 8.5C10.5996 7.34021 9.65979 6.40039 8.5 6.40039Z" fill="#3D3D3F"/>
353
340
  </svg>
354
341
  `)}`,
355
- scaledSize: { width: 48, height: 48 },
356
- anchor: { x: 24, y: 24 }
342
+ scaledSize: { width: 34, height: 44 },
343
+ anchor: { x: 17, y: 44 }
357
344
  };
358
345
  const marker = new google.maps.Marker({
359
346
  position: { lat, lng },
@@ -364,41 +351,53 @@ var StudioMap = ({
364
351
  marker.addListener("click", () => {
365
352
  setSelectedLocation(location);
366
353
  const content = `
367
- <div style="padding: 16px; max-width: 300px; font-family: system-ui, sans-serif;">
368
- <h3 style="margin: 0 0 12px 0; font-size: 18px; font-weight: 600;">${location.name}</h3>
369
- ${location.availableTime ? `<div style="margin-bottom: 8px; color: #666;">
370
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
371
- <path d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"/>
354
+ <div style="padding: 0 16px 16px 16px; font-weight: 700; font-family: 'MontForAnker'; max-width: 420px;">
355
+ <h3 style="margin: 0 0 16px 0; font-size: 24px; color: #080A0F;">${location.name}</h3>
356
+ ${location.availableTime ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
357
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
358
+ <rect x="3" y="4" width="14" height="13" rx="2" stroke="currentColor" stroke-width="1.5"/>
359
+ <path d="M3 8H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
360
+ <path d="M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
361
+ <path d="M14 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
372
362
  </svg>
373
- <span style="vertical-align: middle;"> ${location.availableTime === pageData?.noAvailableTime ? "" : pageData.available} ${location.availableTime}</span>
363
+ <div>
364
+ <p style="margin: 0; font-size: 16px; color: #2A2C32;">${location.availableTime === pageData?.noAvailableTime ? "" : pageData.available} ${location.availableTime}</p>
365
+ </div>
374
366
  </div>` : ""}
375
- <div style="margin-bottom: 8px; color: #666;">
376
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
377
- <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/>
367
+ <div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
368
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
369
+ <path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" stroke="currentColor" stroke-width="1.5"/>
370
+ <path d="M10 18C10 18 16 13 16 8C16 4.68629 13.3137 2 10 2C6.68629 2 4 4.68629 4 8C4 13 10 18 10 18Z" stroke="currentColor" stroke-width="1.5"/>
378
371
  </svg>
379
- <span style="vertical-align: middle;">${location.address}</span>
372
+ <div style="flex: 1;">
373
+ <p style="margin: 0; font-size: 16px; color: #2A2C32; word-wrap: break-word;">${location.address}</p>
374
+ </div>
380
375
  </div>
381
- ${location.euifyMakeModel ? `<div style="margin-bottom: 12px; color: #666;">
382
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
383
- <path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z"/>
376
+ ${location.euifyMakeModel ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px;">
377
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
378
+ <path d="M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
379
+ <path d="M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
384
380
  </svg>
385
- <span style="vertical-align: middle;">${location.euifyMakeModel}</span>
381
+ <div>
382
+ <p style="margin: 0; font-size: 16px; color: #2A2C32;">${location.euifyMakeModel}</p>
383
+ </div>
386
384
  </div>` : ""}
387
385
  <button
388
386
  id="schedule-btn-${location.id}"
389
387
  style="
390
- width: 100%;
391
- padding: 10px 16px;
392
- background: #000;
393
- color: #fff;
394
- border: none;
395
- border-radius: 6px;
396
- font-weight: 500;
388
+ width: fit-content;
389
+ padding: 12px 28px;
390
+ background: #fff;
391
+ color: #111827;
392
+ border: 2px solid #111827;
393
+ border-radius: 9999px;
394
+ font-weight: 700;
397
395
  cursor: pointer;
398
- font-size: 14px;
396
+ font-size: 16px;
397
+ transition: all 0.2s;
399
398
  "
400
- onmouseover="this.style.background='#333'"
401
- onmouseout="this.style.background='#000'"
399
+ onmouseover="this.style.background='#111827'; this.style.color='#fff';"
400
+ onmouseout="this.style.background='#fff'; this.style.color='#111827';"
402
401
  >
403
402
  ${pageData.scheduleNow}
404
403
  </button>
@@ -450,41 +449,53 @@ var StudioMap = ({
450
449
  const marker = markersRef.current[markerIndex];
451
450
  if (location && marker) {
452
451
  const content = `
453
- <div style="padding: 16px; max-width: 300px; font-family: system-ui, sans-serif;">
454
- <h3 style="margin: 0 0 12px 0; font-size: 18px; font-weight: 600;">${location.name}</h3>
455
- ${location.availableTime ? `<div style="margin-bottom: 8px; color: #666;">
456
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
457
- <path d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"/>
452
+ <div style="padding: 0 16px 16px 16px; font-weight: 700; font-family: 'MontForAnker'; max-width: 420px;">
453
+ <h3 style="margin: 0 0 16px 0; font-size: 24px; color: #080A0F;">${location.name}</h3>
454
+ ${location.availableTime ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
455
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
456
+ <rect x="3" y="4" width="14" height="13" rx="2" stroke="currentColor" stroke-width="1.5"/>
457
+ <path d="M3 8H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
458
+ <path d="M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
459
+ <path d="M14 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
458
460
  </svg>
459
- <span style="vertical-align: middle;">${pageData.available} ${location.availableTime}</span>
461
+ <div>
462
+ <p style="margin: 0;font-size: 16px; color: #2A2C32;">${location.availableTime === pageData?.noAvailableTime ? "" : pageData.available} ${location.availableTime}</p>
463
+ </div>
460
464
  </div>` : ""}
461
- <div style="margin-bottom: 8px; color: #666;">
462
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
463
- <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/>
465
+ <div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
466
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
467
+ <path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" stroke="currentColor" stroke-width="1.5"/>
468
+ <path d="M10 18C10 18 16 13 16 8C16 4.68629 13.3137 2 10 2C6.68629 2 4 4.68629 4 8C4 13 10 18 10 18Z" stroke="currentColor" stroke-width="1.5"/>
464
469
  </svg>
465
- <span style="vertical-align: middle;">${location.address}</span>
470
+ <div style="flex: 1;">
471
+ <p style="margin: 0; font-size: 16px; color: #2A2C32; word-wrap: break-word;">${location.address}</p>
472
+ </div>
466
473
  </div>
467
- ${location.euifyMakeModel ? `<div style="margin-bottom: 12px; color: #666;">
468
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
469
- <path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z"/>
474
+ ${location.euifyMakeModel ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px;">
475
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
476
+ <path d="M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
477
+ <path d="M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
470
478
  </svg>
471
- <span style="vertical-align: middle;">${location.euifyMakeModel}</span>
479
+ <div>
480
+ <p style="margin: 0; font-size: 16px; color: #2A2C32;">${location.euifyMakeModel}</p>
481
+ </div>
472
482
  </div>` : ""}
473
483
  <button
474
484
  id="schedule-btn-hover-${location.id}"
475
485
  style="
476
- width: 100%;
477
- padding: 10px 16px;
478
- background: #000;
479
- color: #fff;
480
- border: none;
481
- border-radius: 6px;
482
- font-weight: 500;
486
+ width: fit-content;
487
+ padding: 12px 28px;
488
+ background: #fff;
489
+ color: #111827;
490
+ border: 2px solid #111827;
491
+ border-radius: 9999px;
492
+ font-weight: 700;
483
493
  cursor: pointer;
484
- font-size: 14px;
494
+ font-size: 16px;
495
+ transition: all 0.2s;
485
496
  "
486
- onmouseover="this.style.background='#333'"
487
- onmouseout="this.style.background='#000'"
497
+ onmouseover="this.style.background='#111827'; this.style.color='#fff';"
498
+ onmouseout="this.style.background='#fff'; this.style.color='#111827';"
488
499
  >
489
500
  ${pageData.scheduleNow}
490
501
  </button>
@@ -778,9 +789,9 @@ var LocationFilter = ({
778
789
  "div",
779
790
  {
780
791
  style: { background: "#F8F8F8" },
781
- className: "rounded-[12px] rounded-b-none h-[72px] font-bold text-[14px] flex flex-col",
792
+ className: "rounded-[12px] rounded-b-none h-[108px] font-bold text-[14px] flex flex-col",
782
793
  children: [
783
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end px-[20px] pt-[12px] pb-[8px]", children: /* @__PURE__ */ jsxRuntime.jsx(
794
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end px-[24px] pt-[12px] pb-[8px]", children: /* @__PURE__ */ jsxRuntime.jsx(
784
795
  "button",
785
796
  {
786
797
  onClick: onClose,
@@ -804,14 +815,14 @@ var LocationFilter = ({
804
815
  )
805
816
  }
806
817
  ) }),
807
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center px-[20px] gap-[16px] pb-[8px]", children: [
818
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center text-[16px] px-[20px] gap-[16px] py-[16px]", children: [
808
819
  /* @__PURE__ */ jsxRuntime.jsx(
809
820
  "button",
810
821
  {
811
822
  onClick: () => handleTabClick("country"),
812
823
  className: cn(
813
824
  "pb-[4px] transition-colors",
814
- currentLevel === "country" ? "text-[#1D1D1F] border-b-2 border-[#2E8B57]" : "text-[#767880]"
825
+ currentLevel === "country" ? "text-[#080A0F] border-b-2 border-[#3ADB67]" : "text-[#080A0F]"
815
826
  ),
816
827
  children: pageData.country
817
828
  }
@@ -823,7 +834,7 @@ var LocationFilter = ({
823
834
  disabled: !selectedCountry,
824
835
  className: cn(
825
836
  "pb-[4px] transition-colors",
826
- currentLevel === "state" ? "text-[#1D1D1F] border-b-2 border-[#2E8B57]" : "text-[#767880]",
837
+ currentLevel === "state" ? "text-[#080A0F] border-b-2 border-[#3ADB67]" : "text-[#080A0F]",
827
838
  !selectedCountry && "opacity-50 cursor-not-allowed"
828
839
  ),
829
840
  children: pageData.state
@@ -836,7 +847,7 @@ var LocationFilter = ({
836
847
  disabled: !selectedState,
837
848
  className: cn(
838
849
  "pb-[4px] transition-colors",
839
- currentLevel === "city" ? "text-[#1D1D1F] border-b-2 border-[#2E8B57]" : "text-[#767880]",
850
+ currentLevel === "city" ? "text-[#080A0F] border-b-2 border-[#3ADB67]" : "text-[#080A0F]",
840
851
  !selectedState && "opacity-50 cursor-not-allowed"
841
852
  ),
842
853
  children: pageData.city
@@ -846,12 +857,13 @@ var LocationFilter = ({
846
857
  ]
847
858
  }
848
859
  ),
849
- /* @__PURE__ */ jsxRuntime.jsx(AntdMobileIsolated, { style: { height: "calc(100% - 72px)" }, children: showIndexBar ? /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default, { style: { height: "100%" }, children: groupedItems.map((group) => {
860
+ /* @__PURE__ */ jsxRuntime.jsx(AntdMobileIsolated, { style: { height: "calc(100% - 108px)" }, children: showIndexBar ? /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default, { style: { height: "100%" }, children: groupedItems.map((group) => {
850
861
  const { title, items } = group;
851
862
  return /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default.Panel, { index: title, title, children: /* @__PURE__ */ jsxRuntime.jsx(List__default.default, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
852
863
  List__default.default.Item,
853
864
  {
854
865
  onClick: () => handleItemClick(item),
866
+ className: "text-[16px] !pl-[24px]",
855
867
  style: { cursor: "pointer" },
856
868
  children: item.name
857
869
  },
@@ -861,6 +873,7 @@ var LocationFilter = ({
861
873
  List__default.default.Item,
862
874
  {
863
875
  onClick: () => handleItemClick(item),
876
+ className: "text-[16px] !pl-[24px]",
864
877
  style: { cursor: "pointer" },
865
878
  children: item.name
866
879
  },
@@ -1061,7 +1074,7 @@ var RoomsList = ({
1061
1074
  lat: Number(room.latitude) || 0,
1062
1075
  lng: Number(room.longitude) || 0,
1063
1076
  availableTime: nextAvailableTimeslot ? `${nextAvailableTimeslot.start_time}` : mergedPageData.noAvailableTime,
1064
- euifyMakeModel: room?.description
1077
+ euifyMakeModel: room?.equipment?.join(", ") || ""
1065
1078
  };
1066
1079
  });
1067
1080
  }, [demoRooms, mergedPageData.defaultCountry, mergedPageData.noAvailableTime]);
@@ -1113,7 +1126,7 @@ var RoomsList = ({
1113
1126
  /* @__PURE__ */ jsxRuntime.jsxs(
1114
1127
  "button",
1115
1128
  {
1116
- className: "flex cursor-pointer items-center hover:text-[#2E8B57] transition-colors",
1129
+ className: "flex cursor-pointer items-center hover:text-[#3ADB67] transition-colors",
1117
1130
  onClick: () => setShowLocationFilter(true),
1118
1131
  children: [
1119
1132
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: getSelectedLocationName() }),
@@ -1170,7 +1183,7 @@ var RoomsList = ({
1170
1183
  "div",
1171
1184
  {
1172
1185
  style: { maxHeight: "706px", overflow: "auto" },
1173
- className: "rounded-[12px] bg-white border border-[#E4E5E6]",
1186
+ className: "rounded-[12px] bg-white border h-[706px] border-[#E4E5E6]",
1174
1187
  children: filteredStudioLocations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[200px] text-[#767880]", children: mergedPageData.locationFilter.noStudiosFound }) : filteredStudioLocations.map((item) => {
1175
1188
  return /* @__PURE__ */ jsxRuntime.jsx(
1176
1189
  StudioCard,