@industry-theme/file-city-panel 0.3.3 → 0.3.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.
@@ -1 +1 @@
1
- {"version":3,"file":"TourPlayer.d.ts","sourceRoot":"","sources":["../../src/components/TourPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IAEvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEvE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAE3D,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4/BhD,CAAC"}
1
+ {"version":3,"file":"TourPlayer.d.ts","sourceRoot":"","sources":["../../src/components/TourPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IAEvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEvE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAE3D,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4+BhD,CAAC"}
@@ -51097,51 +51097,40 @@ const TourPlayer = ({
51097
51097
  };
51098
51098
  if (!isPlaying) {
51099
51099
  return renderWithContainer(
51100
- /* @__PURE__ */ jsxs(Fragment, { children: [
51101
- /* @__PURE__ */ jsxs(
51102
- "div",
51103
- {
51104
- style: {
51105
- padding: "12px 16px",
51106
- borderBottom: `1px solid ${theme2.colors.border}`,
51107
- flexShrink: 0
51108
- },
51109
- children: [
51110
- /* @__PURE__ */ jsx(
51100
+ /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
51101
+ "div",
51102
+ {
51103
+ style: {
51104
+ flex: 1,
51105
+ minHeight: 0,
51106
+ overflow: "auto"
51107
+ },
51108
+ children: /* @__PURE__ */ jsxs("div", { style: { padding: "12px 16px" }, children: [
51109
+ /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
51110
+ /* @__PURE__ */ jsxs(
51111
51111
  "div",
51112
51112
  {
51113
51113
  style: {
51114
51114
  display: "flex",
51115
51115
  alignItems: "center",
51116
- justifyContent: "space-between",
51117
51116
  gap: "8px",
51118
51117
  marginBottom: "8px"
51119
51118
  },
51120
- children: /* @__PURE__ */ jsxs(
51121
- "div",
51122
- {
51123
- style: {
51124
- display: "flex",
51125
- alignItems: "center",
51126
- gap: "8px"
51127
- },
51128
- children: [
51129
- /* @__PURE__ */ jsx(BookOpen, { size: 24, style: { color: theme2.colors.primary } }),
51130
- /* @__PURE__ */ jsx(
51131
- "h2",
51132
- {
51133
- style: {
51134
- fontSize: theme2.fontSizes[4],
51135
- fontFamily: theme2.fonts.heading,
51136
- color: theme2.colors.text,
51137
- margin: 0
51138
- },
51139
- children: tour.title
51140
- }
51141
- )
51142
- ]
51143
- }
51144
- )
51119
+ children: [
51120
+ /* @__PURE__ */ jsx(BookOpen, { size: 24, style: { color: theme2.colors.primary } }),
51121
+ /* @__PURE__ */ jsx(
51122
+ "h2",
51123
+ {
51124
+ style: {
51125
+ fontSize: theme2.fontSizes[4],
51126
+ fontFamily: theme2.fonts.heading,
51127
+ color: theme2.colors.text,
51128
+ margin: 0
51129
+ },
51130
+ children: tour.title
51131
+ }
51132
+ )
51133
+ ]
51145
51134
  }
51146
51135
  ),
51147
51136
  /* @__PURE__ */ jsx(
@@ -51202,18 +51191,8 @@ const TourPlayer = ({
51202
51191
  ]
51203
51192
  }
51204
51193
  )
51205
- ]
51206
- }
51207
- ),
51208
- /* @__PURE__ */ jsx(
51209
- "div",
51210
- {
51211
- style: {
51212
- flex: 1,
51213
- minHeight: 0,
51214
- overflow: "auto"
51215
- },
51216
- children: /* @__PURE__ */ jsx("div", { style: { padding: "12px 16px" }, children: tour.prerequisites && tour.prerequisites.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
51194
+ ] }),
51195
+ tour.prerequisites && tour.prerequisites.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
51217
51196
  /* @__PURE__ */ jsx(
51218
51197
  "div",
51219
51198
  {
@@ -51240,116 +51219,115 @@ const TourPlayer = ({
51240
51219
  children: tour.prerequisites.map((prereq, idx) => /* @__PURE__ */ jsx("li", { children: prereq }, idx))
51241
51220
  }
51242
51221
  )
51243
- ] }) })
51244
- }
51245
- ),
51246
- /* @__PURE__ */ jsxs(
51247
- "div",
51248
- {
51249
- style: {
51250
- padding: "12px 16px",
51251
- borderTop: `1px solid ${theme2.colors.border}`,
51252
- flexShrink: 0,
51253
- display: "flex",
51254
- justifyContent: "flex-end",
51255
- gap: "12px"
51256
- },
51257
- children: [
51258
- /* @__PURE__ */ jsx(
51259
- "button",
51260
- {
51261
- onClick: handleExit,
51262
- style: {
51263
- padding: "8px 16px",
51264
- backgroundColor: "transparent",
51265
- color: theme2.colors.textSecondary,
51266
- border: `1px solid ${theme2.colors.border}`,
51267
- borderRadius: "6px",
51268
- fontSize: theme2.fontSizes[2],
51269
- fontFamily: theme2.fonts.body,
51270
- cursor: "pointer",
51271
- transition: "all 0.2s"
51272
- },
51273
- onMouseEnter: (e) => {
51274
- e.currentTarget.style.borderColor = theme2.colors.text;
51275
- e.currentTarget.style.color = theme2.colors.text;
51276
- },
51277
- onMouseLeave: (e) => {
51278
- e.currentTarget.style.borderColor = theme2.colors.border;
51279
- e.currentTarget.style.color = theme2.colors.textSecondary;
51280
- },
51281
- children: "Cancel"
51282
- }
51283
- ),
51284
- /* @__PURE__ */ jsxs(
51285
- "button",
51286
- {
51287
- onClick: handleStart,
51288
- style: {
51289
- display: "flex",
51290
- alignItems: "center",
51291
- gap: "6px",
51292
- padding: "8px 16px",
51293
- backgroundColor: theme2.colors.primary,
51294
- color: "#ffffff",
51295
- border: "none",
51296
- borderRadius: "6px",
51297
- fontSize: theme2.fontSizes[2],
51298
- fontFamily: theme2.fonts.body,
51299
- fontWeight: 600,
51300
- cursor: "pointer",
51301
- transition: "all 0.2s"
51302
- },
51303
- onMouseEnter: (e) => {
51304
- e.currentTarget.style.backgroundColor = theme2.colors.primary + "dd";
51305
- },
51306
- onMouseLeave: (e) => {
51307
- e.currentTarget.style.backgroundColor = theme2.colors.primary;
51308
- },
51309
- children: [
51310
- /* @__PURE__ */ jsx(Play, { size: 16 }),
51311
- "Start Tour"
51312
- ]
51313
- }
51314
- ),
51315
- showTTSControls && canAutoPlay && /* @__PURE__ */ jsxs(
51316
- "button",
51317
- {
51318
- onClick: () => {
51319
- handleStart();
51320
- setIsAutoPlaying(true);
51321
- },
51322
- style: {
51323
- display: "flex",
51324
- alignItems: "center",
51325
- gap: "6px",
51326
- padding: "8px 16px",
51327
- backgroundColor: theme2.colors.accent,
51328
- color: "#ffffff",
51329
- border: "none",
51330
- borderRadius: "6px",
51331
- fontSize: theme2.fontSizes[2],
51332
- fontFamily: theme2.fonts.body,
51333
- fontWeight: 600,
51334
- cursor: "pointer",
51335
- transition: "all 0.2s"
51336
- },
51337
- onMouseEnter: (e) => {
51338
- e.currentTarget.style.backgroundColor = theme2.colors.accent + "dd";
51339
- },
51340
- onMouseLeave: (e) => {
51341
- e.currentTarget.style.backgroundColor = theme2.colors.accent;
51342
- },
51343
- children: [
51344
- /* @__PURE__ */ jsx(Volume2, { size: 16 }),
51345
- "Start with Auto-Play"
51346
- ]
51347
- }
51348
- )
51349
- ]
51350
- }
51351
- )
51352
- ] })
51222
+ ] }),
51223
+ /* @__PURE__ */ jsxs(
51224
+ "div",
51225
+ {
51226
+ style: {
51227
+ display: "flex",
51228
+ justifyContent: "flex-end",
51229
+ gap: "12px",
51230
+ paddingTop: "12px",
51231
+ borderTop: `1px solid ${theme2.colors.border}`
51232
+ },
51233
+ children: [
51234
+ /* @__PURE__ */ jsx(
51235
+ "button",
51236
+ {
51237
+ onClick: handleExit,
51238
+ style: {
51239
+ padding: "8px 16px",
51240
+ backgroundColor: "transparent",
51241
+ color: theme2.colors.textSecondary,
51242
+ border: `1px solid ${theme2.colors.border}`,
51243
+ borderRadius: "6px",
51244
+ fontSize: theme2.fontSizes[2],
51245
+ fontFamily: theme2.fonts.body,
51246
+ cursor: "pointer",
51247
+ transition: "all 0.2s"
51248
+ },
51249
+ onMouseEnter: (e) => {
51250
+ e.currentTarget.style.borderColor = theme2.colors.text;
51251
+ e.currentTarget.style.color = theme2.colors.text;
51252
+ },
51253
+ onMouseLeave: (e) => {
51254
+ e.currentTarget.style.borderColor = theme2.colors.border;
51255
+ e.currentTarget.style.color = theme2.colors.textSecondary;
51256
+ },
51257
+ children: "Cancel"
51258
+ }
51259
+ ),
51260
+ /* @__PURE__ */ jsxs(
51261
+ "button",
51262
+ {
51263
+ onClick: handleStart,
51264
+ style: {
51265
+ display: "flex",
51266
+ alignItems: "center",
51267
+ gap: "6px",
51268
+ padding: "8px 16px",
51269
+ backgroundColor: theme2.colors.primary,
51270
+ color: "#ffffff",
51271
+ border: "none",
51272
+ borderRadius: "6px",
51273
+ fontSize: theme2.fontSizes[2],
51274
+ fontFamily: theme2.fonts.body,
51275
+ fontWeight: 600,
51276
+ cursor: "pointer",
51277
+ transition: "all 0.2s"
51278
+ },
51279
+ onMouseEnter: (e) => {
51280
+ e.currentTarget.style.backgroundColor = theme2.colors.primary + "dd";
51281
+ },
51282
+ onMouseLeave: (e) => {
51283
+ e.currentTarget.style.backgroundColor = theme2.colors.primary;
51284
+ },
51285
+ children: [
51286
+ /* @__PURE__ */ jsx(Play, { size: 16 }),
51287
+ "Start Tour"
51288
+ ]
51289
+ }
51290
+ ),
51291
+ showTTSControls && canAutoPlay && /* @__PURE__ */ jsxs(
51292
+ "button",
51293
+ {
51294
+ onClick: () => {
51295
+ handleStart();
51296
+ setIsAutoPlaying(true);
51297
+ },
51298
+ style: {
51299
+ display: "flex",
51300
+ alignItems: "center",
51301
+ gap: "6px",
51302
+ padding: "8px 16px",
51303
+ backgroundColor: theme2.colors.accent,
51304
+ color: "#ffffff",
51305
+ border: "none",
51306
+ borderRadius: "6px",
51307
+ fontSize: theme2.fontSizes[2],
51308
+ fontFamily: theme2.fonts.body,
51309
+ fontWeight: 600,
51310
+ cursor: "pointer",
51311
+ transition: "all 0.2s"
51312
+ },
51313
+ onMouseEnter: (e) => {
51314
+ e.currentTarget.style.backgroundColor = theme2.colors.accent + "dd";
51315
+ },
51316
+ onMouseLeave: (e) => {
51317
+ e.currentTarget.style.backgroundColor = theme2.colors.accent;
51318
+ },
51319
+ children: [
51320
+ /* @__PURE__ */ jsx(Volume2, { size: 16 }),
51321
+ "Start with Auto-Play"
51322
+ ]
51323
+ }
51324
+ )
51325
+ ]
51326
+ }
51327
+ )
51328
+ ] })
51329
+ }
51330
+ ) })
51353
51331
  );
51354
51332
  }
51355
51333
  return renderWithContainer(