@arc-ui/components 11.24.2 → 11.25.0

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 (9) hide show
  1. package/dist/PaginationSimple/PaginationSimple.cjs.js +23 -2
  2. package/dist/PaginationSimple/PaginationSimple.esm.js +23 -2
  3. package/dist/index.es.js +23 -2
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/index.js +23 -2
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/dist/types/components/PaginationSimple/PaginationSimple.d.ts +28 -0
  9. package/package.json +1 -1
package/dist/PaginationSimple/PaginationSimple.cjs.js CHANGED
@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
  * Use `PaginationSimple` to navigate through multiple pages of content.
20
20
  */
21
21
  var PaginationSimple = function (_a) {
22
- var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = filterDataAttrs.__rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
22
+ var hidePrev = _a.hidePrev, hideNext = _a.hideNext, hideFirst = _a.hideFirst, hideLast = _a.hideLast, prevHref = _a.prevHref, nextHref = _a.nextHref, firstHref = _a.firstHref, lastHref = _a.lastHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, onLastPage = _a.onLastPage, onFirstPage = _a.onFirstPage, isFluid = _a.isFluid, _b = _a.showEllipsis, showEllipsis = _b === void 0 ? false : _b, props = filterDataAttrs.__rest(_a, ["hidePrev", "hideNext", "hideFirst", "hideLast", "prevHref", "nextHref", "firstHref", "lastHref", "onPrevPage", "onNextPage", "onLastPage", "onFirstPage", "isFluid", "showEllipsis"]);
23
23
  var surface = React.useContext(Surface.Context).surface;
24
24
  return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ className: index.classNames("arc-PaginationSimple", {
25
25
  "arc-PaginationSimple--onDarkSurface": surface === "dark",
@@ -28,19 +28,40 @@ var PaginationSimple = function (_a) {
28
28
  }) }, filterDataAttrs.filterDataAttrs(props)),
29
29
  React__default["default"].createElement("ul", { className: "arc-PaginationSimple-list" },
30
30
  React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
31
+ React__default["default"].createElement("a", { tabIndex: 0, href: firstHref, role: !firstHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
32
+ "arc-PaginationSimple-navigationButton--hidden": hideFirst
33
+ }), onClick: onFirstPage },
34
+ React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer" },
35
+ React__default["default"].createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
36
+ React__default["default"].createElement("g", { transform: "translate(8.5, 8)" },
37
+ React__default["default"].createElement("path", { d: "M2 0.282227L2 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
38
+ React__default["default"].createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.24117 7.00009L14.9385 12.7041C15.1905 12.9566 15.332 13.2987 15.332 13.6554C15.332 14.0121 15.1905 14.3543 14.9385 14.6068C14.8139 14.7316 14.6659 14.8306 14.503 14.8982C14.3401 14.9657 14.1655 15.0005 13.9892 15.0005C13.8128 15.0005 13.6382 14.9657 13.4753 14.8981C13.3124 14.8306 13.1644 14.7316 13.0398 14.6068L6.39184 7.95075C6.14025 7.69833 5.99898 7.35647 5.99898 7.00009C5.99898 6.6437 6.14025 6.30184 6.39184 6.04942L13.0398 -0.606583C13.1644 -0.731391 13.3124 -0.830411 13.4753 -0.897974C13.6382 -0.965536 13.8128 -1.00031 13.9892 -1.00031C14.1655 -1.00031 14.3401 -0.965536 14.503 -0.897974C14.6659 -0.830411 14.8139 -0.731391 14.9385 -0.606583C15.1905 -0.354107 15.332 0.288038 15.332 0.64475C15.332 1.00147 15.1905 1.34361 14.9385 1.59609L9.24117 7.00009Z", fill: "currentColor" })))),
39
+ React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
31
40
  React__default["default"].createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
32
41
  "arc-PaginationSimple-navigationButton--hidden": hidePrev
33
42
  }), onClick: onPrevPage },
34
43
  React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
35
44
  React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid })),
36
45
  React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
46
+ React__default["default"].createElement("li", { className: index.classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
47
+ "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
48
+ }) }, "..."),
37
49
  React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
38
50
  React__default["default"].createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
39
51
  "arc-PaginationSimple-navigationButton--hidden": hideNext
40
52
  }), onClick: onNextPage },
41
53
  React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
42
54
  React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
43
- React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))))));
55
+ React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid }))),
56
+ React__default["default"].createElement("a", { tabIndex: 0, href: lastHref, role: !lastHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
57
+ "arc-PaginationSimple-navigationButton--hidden": hideLast
58
+ }), onClick: onLastPage },
59
+ React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
60
+ React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer" },
61
+ React__default["default"].createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
62
+ React__default["default"].createElement("g", { transform: "translate(8.5, 8)" },
63
+ React__default["default"].createElement("path", { d: "M13 0.282227L13 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
64
+ React__default["default"].createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.75883 7.00009L0.0614906 12.7041C-0.190495 12.9566 -0.332031 13.2987 -0.332031 13.6554C-0.332031 14.0121 -0.190495 14.3543 0.0614906 14.6068C0.186083 14.7316 0.334064 14.8306 0.496956 14.8982C0.659847 14.9657 0.834467 15.0005 1.01083 15.0005C1.18718 15.0005 1.3618 14.9657 1.52469 14.8981C1.68759 14.8306 1.83557 14.7316 1.96016 14.6068L8.60816 7.95075C8.85975 7.69833 9.00102 7.35647 9.00102 7.00009C9.00102 6.6437 8.85975 6.30184 8.60816 6.04942L1.96016 -0.606583C1.83557 -0.731391 1.68759 -0.830411 1.52469 -0.897974C1.3618 -0.965536 1.18718 -1.00031 1.01083 -1.00031C0.834467 -1.00031 0.659847 -0.965536 0.496956 -0.897974C0.334064 -0.830411 0.186083 -0.731391 0.0614906 -0.606583C-0.190495 -0.354107 -0.332031 0.288038 -0.332031 0.64475C-0.332031 1.00147 -0.190495 1.34361 0.0614906 1.59609L5.75883 7.00009Z", fill: "currentColor" })))))))));
44
65
  };
45
66
 
46
67
  exports.PaginationSimple = PaginationSimple;
package/dist/PaginationSimple/PaginationSimple.esm.js CHANGED
@@ -11,7 +11,7 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
11
11
  * Use `PaginationSimple` to navigate through multiple pages of content.
12
12
  */
13
13
  var PaginationSimple = function (_a) {
14
- var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = __rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
14
+ var hidePrev = _a.hidePrev, hideNext = _a.hideNext, hideFirst = _a.hideFirst, hideLast = _a.hideLast, prevHref = _a.prevHref, nextHref = _a.nextHref, firstHref = _a.firstHref, lastHref = _a.lastHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, onLastPage = _a.onLastPage, onFirstPage = _a.onFirstPage, isFluid = _a.isFluid, _b = _a.showEllipsis, showEllipsis = _b === void 0 ? false : _b, props = __rest(_a, ["hidePrev", "hideNext", "hideFirst", "hideLast", "prevHref", "nextHref", "firstHref", "lastHref", "onPrevPage", "onNextPage", "onLastPage", "onFirstPage", "isFluid", "showEllipsis"]);
15
15
  var surface = useContext(Context).surface;
16
16
  return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
17
17
  "arc-PaginationSimple--onDarkSurface": surface === "dark",
@@ -20,19 +20,40 @@ var PaginationSimple = function (_a) {
20
20
  }) }, filterDataAttrs(props)),
21
21
  React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
22
22
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
23
+ React__default.createElement("a", { tabIndex: 0, href: firstHref, role: !firstHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
24
+ "arc-PaginationSimple-navigationButton--hidden": hideFirst
25
+ }), onClick: onFirstPage },
26
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
27
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
28
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
29
+ React__default.createElement("path", { d: "M2 0.282227L2 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
30
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.24117 7.00009L14.9385 12.7041C15.1905 12.9566 15.332 13.2987 15.332 13.6554C15.332 14.0121 15.1905 14.3543 14.9385 14.6068C14.8139 14.7316 14.6659 14.8306 14.503 14.8982C14.3401 14.9657 14.1655 15.0005 13.9892 15.0005C13.8128 15.0005 13.6382 14.9657 13.4753 14.8981C13.3124 14.8306 13.1644 14.7316 13.0398 14.6068L6.39184 7.95075C6.14025 7.69833 5.99898 7.35647 5.99898 7.00009C5.99898 6.6437 6.14025 6.30184 6.39184 6.04942L13.0398 -0.606583C13.1644 -0.731391 13.3124 -0.830411 13.4753 -0.897974C13.6382 -0.965536 13.8128 -1.00031 13.9892 -1.00031C14.1655 -1.00031 14.3401 -0.965536 14.503 -0.897974C14.6659 -0.830411 14.8139 -0.731391 14.9385 -0.606583C15.1905 -0.354107 15.332 0.288038 15.332 0.64475C15.332 1.00147 15.1905 1.34361 14.9385 1.59609L9.24117 7.00009Z", fill: "currentColor" })))),
31
+ React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
23
32
  React__default.createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
24
33
  "arc-PaginationSimple-navigationButton--hidden": hidePrev
25
34
  }), onClick: onPrevPage },
26
35
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
27
36
  React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
28
37
  React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
38
+ React__default.createElement("li", { className: classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
39
+ "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
40
+ }) }, "..."),
29
41
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
30
42
  React__default.createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
31
43
  "arc-PaginationSimple-navigationButton--hidden": hideNext
32
44
  }), onClick: onNextPage },
33
45
  React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
34
46
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
35
- React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))))));
47
+ React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid }))),
48
+ React__default.createElement("a", { tabIndex: 0, href: lastHref, role: !lastHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
49
+ "arc-PaginationSimple-navigationButton--hidden": hideLast
50
+ }), onClick: onLastPage },
51
+ React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
52
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
53
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
54
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
55
+ React__default.createElement("path", { d: "M13 0.282227L13 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
56
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.75883 7.00009L0.0614906 12.7041C-0.190495 12.9566 -0.332031 13.2987 -0.332031 13.6554C-0.332031 14.0121 -0.190495 14.3543 0.0614906 14.6068C0.186083 14.7316 0.334064 14.8306 0.496956 14.8982C0.659847 14.9657 0.834467 15.0005 1.01083 15.0005C1.18718 15.0005 1.3618 14.9657 1.52469 14.8981C1.68759 14.8306 1.83557 14.7316 1.96016 14.6068L8.60816 7.95075C8.85975 7.69833 9.00102 7.35647 9.00102 7.00009C9.00102 6.6437 8.85975 6.30184 8.60816 6.04942L1.96016 -0.606583C1.83557 -0.731391 1.68759 -0.830411 1.52469 -0.897974C1.3618 -0.965536 1.18718 -1.00031 1.01083 -1.00031C0.834467 -1.00031 0.659847 -0.965536 0.496956 -0.897974C0.334064 -0.830411 0.186083 -0.731391 0.0614906 -0.606583C-0.190495 -0.354107 -0.332031 0.288038 -0.332031 0.64475C-0.332031 1.00147 -0.190495 1.34361 0.0614906 1.59609L5.75883 7.00009Z", fill: "currentColor" })))))))));
36
57
  };
37
58
 
38
59
  export { PaginationSimple };
package/dist/index.es.js CHANGED
@@ -35589,7 +35589,7 @@ var Pagination = function (_a) {
35589
35589
  * Use `PaginationSimple` to navigate through multiple pages of content.
35590
35590
  */
35591
35591
  var PaginationSimple = function (_a) {
35592
- var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = __rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
35592
+ var hidePrev = _a.hidePrev, hideNext = _a.hideNext, hideFirst = _a.hideFirst, hideLast = _a.hideLast, prevHref = _a.prevHref, nextHref = _a.nextHref, firstHref = _a.firstHref, lastHref = _a.lastHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, onLastPage = _a.onLastPage, onFirstPage = _a.onFirstPage, isFluid = _a.isFluid, _b = _a.showEllipsis, showEllipsis = _b === void 0 ? false : _b, props = __rest(_a, ["hidePrev", "hideNext", "hideFirst", "hideLast", "prevHref", "nextHref", "firstHref", "lastHref", "onPrevPage", "onNextPage", "onLastPage", "onFirstPage", "isFluid", "showEllipsis"]);
35593
35593
  var surface = useContext(Context$5).surface;
35594
35594
  return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
35595
35595
  "arc-PaginationSimple--onDarkSurface": surface === "dark",
@@ -35598,19 +35598,40 @@ var PaginationSimple = function (_a) {
35598
35598
  }) }, filterDataAttrs(props)),
35599
35599
  React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
35600
35600
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
35601
+ React__default.createElement("a", { tabIndex: 0, href: firstHref, role: !firstHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35602
+ "arc-PaginationSimple-navigationButton--hidden": hideFirst
35603
+ }), onClick: onFirstPage },
35604
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
35605
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
35606
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
35607
+ React__default.createElement("path", { d: "M2 0.282227L2 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
35608
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.24117 7.00009L14.9385 12.7041C15.1905 12.9566 15.332 13.2987 15.332 13.6554C15.332 14.0121 15.1905 14.3543 14.9385 14.6068C14.8139 14.7316 14.6659 14.8306 14.503 14.8982C14.3401 14.9657 14.1655 15.0005 13.9892 15.0005C13.8128 15.0005 13.6382 14.9657 13.4753 14.8981C13.3124 14.8306 13.1644 14.7316 13.0398 14.6068L6.39184 7.95075C6.14025 7.69833 5.99898 7.35647 5.99898 7.00009C5.99898 6.6437 6.14025 6.30184 6.39184 6.04942L13.0398 -0.606583C13.1644 -0.731391 13.3124 -0.830411 13.4753 -0.897974C13.6382 -0.965536 13.8128 -1.00031 13.9892 -1.00031C14.1655 -1.00031 14.3401 -0.965536 14.503 -0.897974C14.6659 -0.830411 14.8139 -0.731391 14.9385 -0.606583C15.1905 -0.354107 15.332 0.288038 15.332 0.64475C15.332 1.00147 15.1905 1.34361 14.9385 1.59609L9.24117 7.00009Z", fill: "currentColor" })))),
35609
+ React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
35601
35610
  React__default.createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35602
35611
  "arc-PaginationSimple-navigationButton--hidden": hidePrev
35603
35612
  }), onClick: onPrevPage },
35604
35613
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
35605
35614
  React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
35606
35615
  React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
35616
+ React__default.createElement("li", { className: classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
35617
+ "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
35618
+ }) }, "..."),
35607
35619
  React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
35608
35620
  React__default.createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35609
35621
  "arc-PaginationSimple-navigationButton--hidden": hideNext
35610
35622
  }), onClick: onNextPage },
35611
35623
  React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
35612
35624
  React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
35613
- React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))))));
35625
+ React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid }))),
35626
+ React__default.createElement("a", { tabIndex: 0, href: lastHref, role: !lastHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
35627
+ "arc-PaginationSimple-navigationButton--hidden": hideLast
35628
+ }), onClick: onLastPage },
35629
+ React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
35630
+ React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
35631
+ React__default.createElement("svg", { width: "32", height: "32", style: { marginBottom: "-2px" }, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
35632
+ React__default.createElement("g", { transform: "translate(8.5, 8)" },
35633
+ React__default.createElement("path", { d: "M13 0.282227L13 13.7177", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }),
35634
+ React__default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.75883 7.00009L0.0614906 12.7041C-0.190495 12.9566 -0.332031 13.2987 -0.332031 13.6554C-0.332031 14.0121 -0.190495 14.3543 0.0614906 14.6068C0.186083 14.7316 0.334064 14.8306 0.496956 14.8982C0.659847 14.9657 0.834467 15.0005 1.01083 15.0005C1.18718 15.0005 1.3618 14.9657 1.52469 14.8981C1.68759 14.8306 1.83557 14.7316 1.96016 14.6068L8.60816 7.95075C8.85975 7.69833 9.00102 7.35647 9.00102 7.00009C9.00102 6.6437 8.85975 6.30184 8.60816 6.04942L1.96016 -0.606583C1.83557 -0.731391 1.68759 -0.830411 1.52469 -0.897974C1.3618 -0.965536 1.18718 -1.00031 1.01083 -1.00031C0.834467 -1.00031 0.659847 -0.965536 0.496956 -0.897974C0.334064 -0.830411 0.186083 -0.731391 0.0614906 -0.606583C-0.190495 -0.354107 -0.332031 0.288038 -0.332031 0.64475C-0.332031 1.00147 -0.190495 1.34361 0.0614906 1.59609L5.75883 7.00009Z", fill: "currentColor" })))))))));
35614
35635
  };
35615
35636
 
35616
35637
  var PosterImage = function (_a) {