@industry-theme/principal-view-panels 0.11.21 → 0.11.23

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 (6) hide show
  1. package/dist/panels/StoryboardListPanel.d.ts.map +1 -1
  2. package/dist/panels/canvas-list/hooks/useCanvasData.d.ts.map +1 -1
  3. package/dist/panels/canvas-list/hooks/useCanvasWorkflowData.d.ts.map +1 -1
  4. package/dist/panels.bundle.js +170 -153
  5. package/dist/panels.bundle.js.map +1 -1
  6. package/package.json +1 -1
package/dist/panels/StoryboardListPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAqE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2tBvE,CAAC"}
1
+ {"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAqE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmuBvE,CAAC"}
package/dist/panels/canvas-list/hooks/useCanvasData.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,EACL,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAErE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,oEAAoE;IACpE,SAAS,EAAE,eAAe,CAAC;CAC5B;AAOD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,uBAG3B,mBAAmB,KAAG,mBA+FxB,CAAC"}
1
+ {"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,EACL,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAErE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,oEAAoE;IACpE,SAAS,EAAE,eAAe,CAAC;CAC5B;AAOD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,uBAG3B,mBAAmB,KAAG,mBAmGxB,CAAC"}
package/dist/panels/canvas-list/hooks/useCanvasWorkflowData.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCanvasWorkflowData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasWorkflowData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAGrE,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC;AAED,UAAU,4BAA4B;IACpC,OAAO,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,kBAAkB,CAAC;QAAC,QAAQ,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAC3E,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,oEAAoE;IACpE,SAAS,EAAE,OAAO,mCAAmC,EAAE,eAAe,CAAC;CACxE;AAKD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,uBAGnC,4BAA4B,KAAG,4BA4HjC,CAAC"}
1
+ {"version":3,"file":"useCanvasWorkflowData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasWorkflowData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAGrE,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC;AAED,UAAU,4BAA4B;IACpC,OAAO,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,4BAA4B;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,kBAAkB,CAAC;QAAC,QAAQ,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAC3E,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,oEAAoE;IACpE,SAAS,EAAE,OAAO,mCAAmC,EAAE,eAAe,CAAC;CACxE;AAKD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,uBAGnC,4BAA4B,KAAG,4BAgIjC,CAAC"}
package/dist/panels.bundle.js CHANGED
@@ -96691,7 +96691,10 @@ const useCanvasData = ({
96691
96691
  if (fileTreeSha === lastLoadedSha.current) {
96692
96692
  return;
96693
96693
  }
96694
- setIsLoading(true);
96694
+ const isInitialLoad = lastLoadedSha.current === void 0;
96695
+ if (isInitialLoad) {
96696
+ setIsLoading(true);
96697
+ }
96695
96698
  setError(null);
96696
96699
  try {
96697
96700
  if (!fileTreeData) {
@@ -98860,7 +98863,10 @@ const useCanvasWorkflowData = ({
98860
98863
  if (fileTreeSha === lastLoadedNarrativeSha.current) {
98861
98864
  return;
98862
98865
  }
98863
- setNarrativesLoading(true);
98866
+ const isInitialLoad = lastLoadedNarrativeSha.current === void 0;
98867
+ if (isInitialLoad) {
98868
+ setNarrativesLoading(true);
98869
+ }
98864
98870
  setNarrativesError(null);
98865
98871
  try {
98866
98872
  const allWorkflows = storyboards.flatMap(
@@ -99411,200 +99417,211 @@ const StoryboardListPanel = ({
99411
99417
  style: {
99412
99418
  flexShrink: 0,
99413
99419
  display: "flex",
99414
- alignItems: "center",
99415
- justifyContent: "space-between",
99416
- gap: "12px",
99420
+ flexDirection: "column",
99421
+ gap: "8px",
99417
99422
  paddingLeft: "clamp(16px, 4vw, 24px)",
99418
- paddingRight: "clamp(8px, 2vw, 16px)",
99419
- flexWrap: "wrap"
99423
+ paddingRight: "clamp(8px, 2vw, 16px)"
99420
99424
  },
99421
99425
  children: [
99422
- /* @__PURE__ */ jsx(
99423
- "h2",
99426
+ /* @__PURE__ */ jsxs(
99427
+ "div",
99424
99428
  {
99425
99429
  style: {
99426
- margin: 0,
99427
- fontSize: theme2.fontSizes[4],
99428
- color: theme2.colors.text
99430
+ display: "flex",
99431
+ alignItems: "center",
99432
+ justifyContent: "space-between",
99433
+ gap: "8px"
99429
99434
  },
99430
- children: "Storyboards"
99431
- }
99432
- ),
99433
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", flex: storyboards.length >= 10 ? "1 1 200px" : "0 0 auto", maxWidth: storyboards.length >= 10 ? "400px" : "none" }, children: [
99434
- /* @__PURE__ */ jsxs("div", { style: {
99435
- display: "flex",
99436
- alignItems: "center",
99437
- gap: "4px",
99438
- background: theme2.colors.backgroundSecondary,
99439
- border: `1px solid ${theme2.colors.border}`,
99440
- borderRadius: theme2.radii[2],
99441
- padding: "4px"
99442
- }, children: [
99443
- /* @__PURE__ */ jsx(
99444
- "button",
99445
- {
99446
- onClick: () => setCanvasTypeFilter("otel"),
99447
- style: {
99448
- background: canvasTypeFilter === "otel" ? theme2.colors.primary : "transparent",
99449
- border: "none",
99450
- borderRadius: theme2.radii[1],
99451
- padding: "6px 12px",
99452
- cursor: "pointer",
99453
- fontSize: theme2.fontSizes[1],
99454
- fontFamily: theme2.fonts.body,
99455
- fontWeight: canvasTypeFilter === "otel" ? 600 : 400,
99456
- color: canvasTypeFilter === "otel" ? "white" : theme2.colors.text,
99457
- transition: "all 0.2s ease"
99458
- },
99459
- title: "Runtime validated .otel.canvas files",
99460
- children: "OTEL"
99461
- }
99462
- ),
99463
- /* @__PURE__ */ jsx(
99464
- "button",
99465
- {
99466
- onClick: () => setCanvasTypeFilter("regular"),
99467
- style: {
99468
- background: canvasTypeFilter === "regular" ? theme2.colors.primary : "transparent",
99469
- border: "none",
99470
- borderRadius: theme2.radii[1],
99471
- padding: "6px 12px",
99472
- cursor: "pointer",
99473
- fontSize: theme2.fontSizes[1],
99474
- fontFamily: theme2.fonts.body,
99475
- fontWeight: canvasTypeFilter === "regular" ? 600 : 400,
99476
- color: canvasTypeFilter === "regular" ? "white" : theme2.colors.text,
99477
- transition: "all 0.2s ease"
99478
- },
99479
- title: "Static documentation .canvas files",
99480
- children: "Static"
99481
- }
99482
- )
99483
- ] }),
99484
- storyboards.length >= 10 && /* @__PURE__ */ jsxs(
99485
- "div",
99486
- {
99487
- style: {
99488
- position: "relative",
99489
- flex: 1,
99490
- minWidth: "150px"
99491
- },
99492
- children: [
99493
- /* @__PURE__ */ jsx(
99494
- Search,
99495
- {
99496
- size: 16,
99497
- color: theme2.colors.textSecondary,
99498
- style: {
99499
- position: "absolute",
99500
- left: "10px",
99501
- top: "50%",
99502
- transform: "translateY(-50%)",
99503
- pointerEvents: "none"
99504
- }
99505
- }
99506
- ),
99435
+ children: [
99436
+ /* @__PURE__ */ jsx(
99437
+ "h2",
99438
+ {
99439
+ style: {
99440
+ margin: 0,
99441
+ fontSize: theme2.fontSizes[4],
99442
+ color: theme2.colors.text,
99443
+ whiteSpace: "nowrap"
99444
+ },
99445
+ children: "Storyboards"
99446
+ }
99447
+ ),
99448
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px", flexShrink: 0 }, children: [
99507
99449
  /* @__PURE__ */ jsx(
99508
- "input",
99450
+ "button",
99509
99451
  {
99510
- type: "text",
99511
- placeholder: "Search storyboards...",
99512
- value: searchQuery,
99513
- onChange: (e) => setSearchQuery(e.target.value),
99452
+ onClick: handleRefresh,
99453
+ disabled: isRefreshing || isLoading,
99514
99454
  style: {
99515
- width: "100%",
99516
- padding: "8px 32px 8px 32px",
99517
- fontSize: theme2.fontSizes[1],
99518
- fontFamily: theme2.fonts.body,
99519
- border: `1px solid ${theme2.colors.border}`,
99520
- borderRadius: theme2.radii[2],
99521
99455
  background: theme2.colors.backgroundSecondary,
99522
- color: theme2.colors.text,
99523
- outline: "none",
99524
- boxSizing: "border-box"
99525
- }
99456
+ border: `1px solid ${theme2.colors.border}`,
99457
+ borderRadius: theme2.radii[1],
99458
+ padding: "6px",
99459
+ cursor: isRefreshing ? "wait" : "pointer",
99460
+ display: "flex",
99461
+ alignItems: "center",
99462
+ justifyContent: "center",
99463
+ transition: "all 0.2s ease"
99464
+ },
99465
+ title: "Refresh storyboards",
99466
+ children: /* @__PURE__ */ jsx(
99467
+ RefreshCw,
99468
+ {
99469
+ size: 14,
99470
+ color: theme2.colors.textSecondary,
99471
+ style: {
99472
+ animation: isRefreshing ? "spin 1s linear infinite" : "none"
99473
+ }
99474
+ }
99475
+ )
99526
99476
  }
99527
99477
  ),
99528
- searchQuery && /* @__PURE__ */ jsx(
99478
+ /* @__PURE__ */ jsx(
99529
99479
  "button",
99530
99480
  {
99531
- onClick: () => setSearchQuery(""),
99481
+ onClick: toggleHelp,
99532
99482
  style: {
99533
- position: "absolute",
99534
- right: "6px",
99535
- top: "50%",
99536
- transform: "translateY(-50%)",
99537
- background: "transparent",
99538
- border: "none",
99539
- padding: "4px",
99483
+ background: showHelp ? theme2.colors.primary : theme2.colors.backgroundSecondary,
99484
+ border: `1px solid ${theme2.colors.border}`,
99485
+ borderRadius: theme2.radii[1],
99486
+ padding: "6px",
99540
99487
  cursor: "pointer",
99541
99488
  display: "flex",
99542
99489
  alignItems: "center",
99543
99490
  justifyContent: "center",
99544
- color: theme2.colors.textSecondary
99491
+ transition: "all 0.2s ease"
99545
99492
  },
99546
- "aria-label": "Clear search",
99547
- children: /* @__PURE__ */ jsx(X, { size: 14 })
99493
+ title: "Help & Getting Started",
99494
+ children: /* @__PURE__ */ jsx(
99495
+ CircleQuestionMark,
99496
+ {
99497
+ size: 14,
99498
+ color: showHelp ? "white" : theme2.colors.textSecondary
99499
+ }
99500
+ )
99548
99501
  }
99549
99502
  )
99550
- ]
99551
- }
99552
- ),
99503
+ ] })
99504
+ ]
99505
+ }
99506
+ ),
99507
+ /* @__PURE__ */ jsxs("div", { style: {
99508
+ display: "flex",
99509
+ alignItems: "center",
99510
+ background: theme2.colors.backgroundSecondary,
99511
+ border: `1px solid ${theme2.colors.border}`,
99512
+ borderRadius: theme2.radii[2],
99513
+ padding: "3px"
99514
+ }, children: [
99553
99515
  /* @__PURE__ */ jsx(
99554
99516
  "button",
99555
99517
  {
99556
- onClick: handleRefresh,
99557
- disabled: isRefreshing || isLoading,
99518
+ onClick: () => setCanvasTypeFilter("otel"),
99558
99519
  style: {
99559
- background: theme2.colors.backgroundSecondary,
99560
- border: `1px solid ${theme2.colors.border}`,
99520
+ flex: 1,
99521
+ background: canvasTypeFilter === "otel" ? theme2.colors.primary : "transparent",
99522
+ border: "none",
99561
99523
  borderRadius: theme2.radii[1],
99562
- padding: "8px",
99563
- cursor: isRefreshing ? "wait" : "pointer",
99564
- display: "flex",
99565
- alignItems: "center",
99566
- justifyContent: "center",
99524
+ padding: "6px 12px",
99525
+ cursor: "pointer",
99526
+ fontSize: theme2.fontSizes[1],
99527
+ fontFamily: theme2.fonts.body,
99528
+ fontWeight: canvasTypeFilter === "otel" ? 600 : 400,
99529
+ color: canvasTypeFilter === "otel" ? "white" : theme2.colors.text,
99567
99530
  transition: "all 0.2s ease"
99568
99531
  },
99569
- title: "Refresh storyboards",
99570
- children: /* @__PURE__ */ jsx(
99571
- RefreshCw,
99572
- {
99573
- size: 16,
99574
- color: theme2.colors.textSecondary,
99575
- style: {
99576
- animation: isRefreshing ? "spin 1s linear infinite" : "none"
99577
- }
99578
- }
99579
- )
99532
+ title: "Runtime validated .otel.canvas files",
99533
+ children: "OTEL"
99580
99534
  }
99581
99535
  ),
99582
99536
  /* @__PURE__ */ jsx(
99583
99537
  "button",
99584
99538
  {
99585
- onClick: toggleHelp,
99539
+ onClick: () => setCanvasTypeFilter("regular"),
99586
99540
  style: {
99587
- background: showHelp ? theme2.colors.primary : theme2.colors.backgroundSecondary,
99588
- border: `1px solid ${theme2.colors.border}`,
99541
+ flex: 1,
99542
+ background: canvasTypeFilter === "regular" ? theme2.colors.primary : "transparent",
99543
+ border: "none",
99589
99544
  borderRadius: theme2.radii[1],
99590
- padding: "8px",
99545
+ padding: "6px 12px",
99591
99546
  cursor: "pointer",
99592
- display: "flex",
99593
- alignItems: "center",
99594
- justifyContent: "center",
99547
+ fontSize: theme2.fontSizes[1],
99548
+ fontFamily: theme2.fonts.body,
99549
+ fontWeight: canvasTypeFilter === "regular" ? 600 : 400,
99550
+ color: canvasTypeFilter === "regular" ? "white" : theme2.colors.text,
99595
99551
  transition: "all 0.2s ease"
99596
99552
  },
99597
- title: "Help & Getting Started",
99598
- children: /* @__PURE__ */ jsx(
99599
- CircleQuestionMark,
99553
+ title: "Static documentation .canvas files",
99554
+ children: "Static"
99555
+ }
99556
+ )
99557
+ ] }),
99558
+ storyboards.length >= 10 && /* @__PURE__ */ jsxs(
99559
+ "div",
99560
+ {
99561
+ style: {
99562
+ position: "relative"
99563
+ },
99564
+ children: [
99565
+ /* @__PURE__ */ jsx(
99566
+ Search,
99600
99567
  {
99601
99568
  size: 16,
99602
- color: showHelp ? "white" : theme2.colors.textSecondary
99569
+ color: theme2.colors.textSecondary,
99570
+ style: {
99571
+ position: "absolute",
99572
+ left: "10px",
99573
+ top: "50%",
99574
+ transform: "translateY(-50%)",
99575
+ pointerEvents: "none"
99576
+ }
99577
+ }
99578
+ ),
99579
+ /* @__PURE__ */ jsx(
99580
+ "input",
99581
+ {
99582
+ type: "text",
99583
+ placeholder: "Search storyboards...",
99584
+ value: searchQuery,
99585
+ onChange: (e) => setSearchQuery(e.target.value),
99586
+ style: {
99587
+ width: "100%",
99588
+ padding: "8px 32px 8px 32px",
99589
+ fontSize: theme2.fontSizes[1],
99590
+ fontFamily: theme2.fonts.body,
99591
+ border: `1px solid ${theme2.colors.border}`,
99592
+ borderRadius: theme2.radii[2],
99593
+ background: theme2.colors.backgroundSecondary,
99594
+ color: theme2.colors.text,
99595
+ outline: "none",
99596
+ boxSizing: "border-box"
99597
+ }
99598
+ }
99599
+ ),
99600
+ searchQuery && /* @__PURE__ */ jsx(
99601
+ "button",
99602
+ {
99603
+ onClick: () => setSearchQuery(""),
99604
+ style: {
99605
+ position: "absolute",
99606
+ right: "6px",
99607
+ top: "50%",
99608
+ transform: "translateY(-50%)",
99609
+ background: "transparent",
99610
+ border: "none",
99611
+ padding: "4px",
99612
+ cursor: "pointer",
99613
+ display: "flex",
99614
+ alignItems: "center",
99615
+ justifyContent: "center",
99616
+ color: theme2.colors.textSecondary
99617
+ },
99618
+ "aria-label": "Clear search",
99619
+ children: /* @__PURE__ */ jsx(X, { size: 14 })
99603
99620
  }
99604
99621
  )
99605
- }
99606
- )
99607
- ] })
99622
+ ]
99623
+ }
99624
+ )
99608
99625
  ]
99609
99626
  }
99610
99627
  ),