Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 | 29x 81x 124x 155x 69x 18x 38x 8x 5x 4x 1x 1x 30x 36x 36x 16x | import type { SVGProps } from 'react';
/**
* App-shell ("chrome") icons, inlined as components so they inherit color from
* CSS via `currentColor` (a plain <img> can't). Each is 16×16 or 20×20 by
* default; pass a `className` to let CSS resize or recolor it.
*
* To add another chrome icon: copy the <path> data from its exported SVG, swap
* the hard-coded fill for "currentColor", and add a component following the
* same shape.
*/
export function SearchIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M7.2002 1.19995C10.5136 1.20016 13.2 3.88655 13.2002 7.19995C13.2001 8.64047 12.691 9.96165 11.8447 10.9958L14.624 13.7751C14.8583 14.0095 14.8583 14.3895 14.624 14.6238C14.3897 14.8581 14.0097 14.8581 13.7754 14.6238L10.9961 11.8445C9.96189 12.6907 8.64071 13.1999 7.2002 13.2C3.8868 13.1997 1.20041 10.5134 1.2002 7.19995C1.20041 3.88655 3.8868 1.20016 7.2002 1.19995ZM7.2002 2.39917C4.54954 2.39938 2.39963 4.54929 2.39941 7.19995C2.39963 9.85061 4.54954 11.9995 7.2002 11.9998C9.85085 11.9995 11.9998 9.85061 12 7.19995C11.9998 4.54929 9.85085 2.39938 7.2002 2.39917Z"
fill="currentColor"
/>
</svg>
);
}
export function CloseIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M12.3752 2.77552C12.6094 2.54133 12.9895 2.54159 13.2239 2.77552C13.4578 3.00976 13.4578 3.38893 13.2239 3.62317L8.84693 7.99915L13.2239 12.3751C13.4581 12.6094 13.4581 12.9895 13.2239 13.2238C12.9896 13.458 12.6096 13.458 12.3752 13.2238L7.99927 8.84681L3.62329 13.2238C3.38905 13.4577 3.00988 13.4577 2.77564 13.2238C2.54171 12.9894 2.54145 12.6093 2.77564 12.3751L7.15064 7.99915L2.77564 3.62317C2.54174 3.38883 2.54146 3.00969 2.77564 2.77552C3.00982 2.54136 3.38895 2.54162 3.62329 2.77552L7.99927 7.15052L12.3752 2.77552Z"
fill="currentColor"
/>
</svg>
);
}
export function CaretDownIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M13.2197 7.46967C13.5126 7.17678 13.9873 7.17678 14.2802 7.46967C14.5731 7.76256 14.5731 8.23732 14.2802 8.53021L10.5302 12.2802C10.3896 12.4209 10.1988 12.4999 9.99994 12.4999C9.80104 12.4999 9.61032 12.4209 9.46967 12.2802L5.71967 8.53021C5.42678 8.23732 5.42678 7.76256 5.71967 7.46967C6.01256 7.17678 6.48732 7.17678 6.78021 7.46967L9.99994 10.6894L13.2197 7.46967Z"
fill="currentColor"
/>
</svg>
);
}
export function CaretRightIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M7.71967 5.71967C8.01256 5.42678 8.48732 5.42678 8.78022 5.71967L12.5302 9.46967C12.6709 9.61031 12.7499 9.80105 12.7499 9.99994C12.7499 10.1988 12.6709 10.3896 12.5302 10.5302L8.78022 14.2802C8.48732 14.5731 8.01256 14.5731 7.71967 14.2802C7.42678 13.9873 7.42678 13.5126 7.71967 13.2197L10.9394 9.99994L7.71967 6.78022C7.42678 6.48732 7.42678 6.01256 7.71967 5.71967Z"
fill="currentColor"
/>
</svg>
);
}
export function BulletedListIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M3 16C3.55228 16 4 16.4477 4 17C4 17.5523 3.55228 18 3 18C2.44772 18 2 17.5523 2 17C2 16.4477 2.44772 16 3 16ZM17.75 16.25C18.1642 16.25 18.5 16.5858 18.5 17C18.5 17.4142 18.1642 17.75 17.75 17.75H7.75C7.33579 17.75 7 17.4142 7 17C7 16.5858 7.33579 16.25 7.75 16.25H17.75ZM3 9C3.55228 9 4 9.44772 4 10C4 10.5523 3.55228 11 3 11C2.44772 11 2 10.5523 2 10C2 9.44772 2.44772 9 3 9ZM17.75 9.25C18.1642 9.25 18.5 9.58579 18.5 10C18.5 10.4142 18.1642 10.75 17.75 10.75H7.75C7.33579 10.75 7 10.4142 7 10C7 9.58579 7.33579 9.25 7.75 9.25H17.75ZM3 2C3.55228 2 4 2.44772 4 3C4 3.55228 3.55228 4 3 4C2.44772 4 2 3.55228 2 3C2 2.44772 2.44772 2 3 2ZM17.75 2.25C18.1642 2.25 18.5 2.58579 18.5 3C18.5 3.41421 18.1642 3.75 17.75 3.75H7.75C7.33579 3.75 7 3.41421 7 3C7 2.58579 7.33579 2.25 7.75 2.25H17.75Z"
fill="currentColor"
/>
</svg>
);
}
const ARROW_RIGHT_PATH =
'M11.2676 15.7931C10.9679 16.0787 10.4929 16.0672 10.207 15.7677C9.92139 15.468 9.93293 14.993 10.2324 14.7071L14.3779 10.7501L3.75 10.7501C3.33579 10.7501 3 10.4143 3 10.0001C3 9.58587 3.33579 9.25008 3.75 9.25008L14.3779 9.25008L10.2324 5.29305C9.93292 5.00717 9.92139 4.53215 10.207 4.2325C10.4929 3.933 10.9679 3.92147 11.2676 4.20711L16.7676 9.45711C16.9158 9.59863 17 9.79512 17 10.0001C17 10.205 16.9158 10.4006 16.7676 10.5421L11.2676 15.7931Z';
export function ArrowRightIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d={ARROW_RIGHT_PATH} fill="currentColor" />
</svg>
);
}
export function MoonIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M9.80957 2.00488C10.0531 2.0315 10.2491 2.18564 10.3418 2.40625C10.4552 2.66592 10.3812 2.96866 10.1846 3.15527C8.99439 4.23959 8.33887 5.72007 8.33887 7.32617C8.33888 10.4529 10.8839 12.9971 14.0107 12.9971C14.8326 12.997 15.6272 12.8204 16.3887 12.4648C16.6483 12.3517 16.9411 12.4026 17.1377 12.6016C17.3366 12.7983 17.3868 13.101 17.2734 13.3506C15.9697 16.1771 13.1148 17.9999 10.0059 18C5.59835 17.9998 2.00005 14.4043 2 9.99414C2 5.66968 5.38905 2.15517 9.70312 2.00098L9.80957 2.00488ZM7.71094 3.90527C5.23819 4.8252 3.5 7.19804 3.5 9.99414C3.50005 13.5755 6.42646 16.4998 10.0059 16.5C11.7031 16.4999 13.3084 15.829 14.5 14.6924L14.7334 14.459C14.4945 14.4834 14.2535 14.4971 14.0107 14.4971C10.0554 14.4971 6.83888 11.2813 6.83887 7.32617C6.83887 6.2578 7.07231 5.23154 7.51074 4.29883L7.71094 3.90527Z"
fill="currentColor"
/>
</svg>
);
}
// ── Alert status icons (16px) ──
// Same glyphs the callout directive paints as CSS masks in globals.css; kept
// here as inline SVGs so the React Toast can tint them via currentColor.
export function InfoIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M7.99902 0.799988C11.9752 0.799988 15.1988 4.02312 15.1992 7.99921C15.1992 11.9757 11.9755 15.1994 7.99902 15.1994C4.02293 15.199 0.799805 11.9754 0.799805 7.99921C0.800227 4.02338 4.02319 0.80041 7.99902 0.799988ZM7.99902 1.99921C4.68593 1.99963 1.99945 4.68612 1.99902 7.99921C1.99902 11.3127 4.68567 13.9988 7.99902 13.9992C11.3127 13.9992 13.999 11.3129 13.999 7.99921C13.9986 4.68586 11.3125 1.99921 7.99902 1.99921ZM8 6.79999C8.33115 6.80009 8.5994 7.06847 8.59961 7.3996V11.3996C8.59961 11.7309 8.33128 11.9991 8 11.9992C7.66863 11.9992 7.40039 11.731 7.40039 11.3996V7.3996C7.4006 7.06841 7.66876 6.79999 8 6.79999ZM8 4.00018C8.44174 4.00029 8.7998 4.35823 8.7998 4.79999C8.7998 5.24175 8.44174 5.59969 8 5.59979C7.55817 5.59979 7.2002 5.24182 7.2002 4.79999C7.2002 4.35816 7.55817 4.00018 8 4.00018Z"
fill="currentColor"
/>
</svg>
);
}
export function WarningIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M8 0.799988C11.9764 0.800093 15.2002 4.0238 15.2002 8.00018C15.2001 11.9765 11.9763 15.2003 8 15.2004C4.02361 15.2004 0.79991 11.9765 0.799805 8.00018C0.799805 4.02373 4.02355 0.799988 8 0.799988ZM8 2.00018C4.68629 2.00018 2 4.68647 2 8.00018C2.00011 11.3138 4.68636 14.0002 8 14.0002C11.3136 14.0001 13.9999 11.3137 14 8.00018C14 4.68654 11.3136 2.00029 8 2.00018ZM8 10.0002C8.44174 10.0003 8.7998 10.3582 8.7998 10.8C8.7998 11.2418 8.44174 11.5997 8 11.5998C7.55817 11.5998 7.2002 11.2418 7.2002 10.8C7.2002 10.3582 7.55817 10.0002 8 10.0002ZM7.99902 4.00018C8.33026 4.00018 8.5994 4.2686 8.59961 4.59979V8.20038C8.5994 8.53157 8.33026 8.79999 7.99902 8.79999C7.66814 8.79957 7.39962 8.53131 7.39941 8.20038V4.59979C7.39962 4.26886 7.66814 4.0006 7.99902 4.00018Z"
fill="currentColor"
/>
</svg>
);
}
export function ErrorIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M8 10.1998C8.4417 10.1998 8.79959 10.558 8.7998 10.9996C8.7998 11.4414 8.44183 11.8004 8 11.8004C7.55826 11.8003 7.2002 11.4414 7.2002 10.9996C7.20041 10.558 7.55839 10.1999 8 10.1998ZM8 5.39999C8.33115 5.4001 8.60038 5.66848 8.60059 5.9996V8.80038C8.60038 9.13151 8.33115 9.39989 8 9.39999C7.66894 9.39978 7.4006 9.13145 7.40039 8.80038V5.9996C7.4006 5.66854 7.66894 5.4002 8 5.39999Z"
fill="currentColor"
/>
<path
d="M6.16882 2.83401C6.98515 1.45557 9.01357 1.45562 9.82995 2.83401L12.2704 6.95511L14.7098 11.0762C15.544 12.4852 14.4856 14.2002 12.8798 14.2002H3.11902C1.51362 14.1999 0.455341 12.485 1.28894 11.0762L6.16882 2.83401ZM8.79675 3.44534C8.44499 2.8522 7.55373 2.85214 7.20202 3.44534L2.32116 11.6875C1.98846 12.2506 2.38955 12.9997 3.11902 13H12.8798C13.6097 13 14.0109 12.2508 13.6776 11.6875L8.79675 3.44534Z"
fill="currentColor"
/>
</svg>
);
}
export function SuccessIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M7.99902 0.799988C11.9752 0.799988 15.1988 4.02312 15.1992 7.99921C15.1992 11.9757 11.9755 15.1994 7.99902 15.1994C4.02293 15.199 0.799805 11.9754 0.799805 7.99921C0.800227 4.02338 4.02319 0.80041 7.99902 0.799988ZM7.99902 1.99921C4.68593 1.99963 1.99945 4.68612 1.99902 7.99921C1.99902 11.3127 4.68567 13.9988 7.99902 13.9992C11.3127 13.9992 13.999 11.3129 13.999 7.99921C13.9986 4.68586 11.3125 1.99921 7.99902 1.99921ZM10.0615 5.37225C10.2757 5.11977 10.6545 5.08821 10.9072 5.30194C11.1599 5.51628 11.1909 5.89494 10.9766 6.14764L7.17676 10.6281C7.05685 10.7693 6.87843 10.8471 6.69336 10.8391C6.50833 10.8309 6.33659 10.7382 6.22949 10.5871L4.87012 8.66718C4.67884 8.39686 4.74255 8.02179 5.0127 7.83026C5.2829 7.63894 5.65699 7.70295 5.84863 7.97284L6.76172 9.2619L10.0615 5.37225Z"
fill="currentColor"
/>
</svg>
);
}
export function SunIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M10 15.5098C10.4141 15.5098 10.7499 15.8457 10.75 16.2598V18.2598C10.75 18.674 10.4142 19.0098 10 19.0098C9.58579 19.0098 9.25 18.674 9.25 18.2598V16.2598C9.25013 15.8457 9.58587 15.5098 10 15.5098ZM5.04688 13.8975C5.33976 13.6047 5.81458 13.6047 6.10742 13.8975C6.40026 14.1903 6.40016 14.6651 6.10742 14.958L5.04688 16.0186C4.75398 16.3114 4.27922 16.3114 3.98633 16.0186C3.69349 15.7257 3.69345 15.2509 3.98633 14.958L5.04688 13.8975ZM13.8926 13.8906C14.1855 13.5977 14.6602 13.5978 14.9531 13.8906L16.0137 14.9512C16.3066 15.2441 16.3066 15.7188 16.0137 16.0117C15.7208 16.3045 15.246 16.3046 14.9531 16.0117L13.8926 14.9512C13.5997 14.6583 13.5998 14.1835 13.8926 13.8906ZM10 6C12.2091 6 14 7.79086 14 10C14 12.2091 12.2091 14 10 14C7.79086 14 6 12.2091 6 10C6 7.79086 7.79086 6 10 6ZM10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5ZM3.75 9.25C4.16421 9.25 4.5 9.58579 4.5 10C4.5 10.4142 4.16421 10.75 3.75 10.75H1.75C1.33579 10.75 1 10.4142 1 10C1 9.58579 1.33579 9.25 1.75 9.25H3.75ZM18.25 9.25C18.6642 9.25 19 9.58579 19 10C19 10.4142 18.6642 10.75 18.25 10.75H16.25C15.8358 10.75 15.5 10.4142 15.5 10C15.5 9.58579 15.8358 9.25 16.25 9.25H18.25ZM3.99316 3.99121C4.28606 3.69832 4.76082 3.69832 5.05371 3.99121L6.11426 5.05176C6.40715 5.34465 6.40715 5.81941 6.11426 6.1123C5.82136 6.40514 5.34659 6.40518 5.05371 6.1123L3.99316 5.05176C3.70029 4.75888 3.70032 4.28411 3.99316 3.99121ZM14.9531 3.99121C15.246 3.69834 15.7208 3.69838 16.0137 3.99121C16.3066 4.2841 16.3066 4.75886 16.0137 5.05176L14.9531 6.1123C14.6602 6.40516 14.1855 6.40518 13.8926 6.1123C13.5998 5.81942 13.5997 5.34463 13.8926 5.05176L14.9531 3.99121ZM10 1C10.4142 1 10.75 1.33579 10.75 1.75V3.75C10.75 4.16421 10.4142 4.5 10 4.5C9.58579 4.5 9.25 4.16421 9.25 3.75V1.75C9.25 1.33579 9.58579 1 10 1Z"
fill="currentColor"
/>
</svg>
);
}
export function CanvasContentIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M14.75 1.5C16.8211 1.5 18.5 3.17893 18.5 5.25V10.9854C18.5 11.7147 18.21 12.414 17.6943 12.9297L12.9297 17.6943C12.414 18.21 11.7147 18.5 10.9854 18.5H5.25C3.17893 18.5 1.5 16.8211 1.5 14.75V5.25C1.5 3.17893 3.17893 1.5 5.25 1.5H14.75ZM5.25 3C4.00736 3 3 4.00736 3 5.25V14.75C3 15.9926 4.00736 17 5.25 17H10.75V12.25C10.75 11.4216 11.4216 10.75 12.25 10.75H17V5.25C17 4.00736 15.9926 3 14.75 3H5.25ZM12.25 16.2529L16.2529 12.25H12.25V16.2529ZM8.25 8.5C8.66421 8.5 9 8.83579 9 9.25C9 9.66421 8.66421 10 8.25 10H6.25C5.83579 10 5.5 9.66421 5.5 9.25C5.5 8.83579 5.83579 8.5 6.25 8.5H8.25ZM13.75 5.5C14.1642 5.5 14.5 5.83579 14.5 6.25C14.5 6.66421 14.1642 7 13.75 7H6.25C5.83579 7 5.5 6.66421 5.5 6.25C5.5 5.83579 5.83579 5.5 6.25 5.5H13.75Z"
fill="currentColor"
/>
</svg>
);
}
export function ThumbsUpIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M8.49609 17.8562C10.1489 18.1877 11.851 18.1878 13.5039 17.8572L13.5605 17.8464C15.4238 17.4738 16.8859 16.0261 17.2773 14.1668L18.1387 10.075C18.5342 8.19531 16.9299 6.49893 15.0312 6.7898L12.6006 7.16285L13.2119 5.33082C13.2143 5.32378 13.2166 5.31643 13.2188 5.30933L13.583 4.09254C13.909 3.00491 13.4293 1.8376 12.4326 1.29371C11.2006 0.621789 9.65731 1.14435 9.08691 2.42652L8.89648 2.85328C8.24972 4.30737 7.27074 5.58909 6.04004 6.59644C6.02675 6.59574 6.01346 6.59351 6 6.59351H1.75C1.55116 6.59351 1.36036 6.67268 1.21973 6.81324C1.07915 6.95382 1.00008 7.14471 1 7.34351V15.4402C1 16.9055 2.18798 18.0935 3.65332 18.0935H6C6.35958 18.0935 6.65843 17.8404 6.73145 17.5027L8.49609 17.8562ZM13.21 16.3865C11.7515 16.6782 10.2494 16.678 8.79102 16.3855L6.75 15.9753V7.95093L6.88965 7.83961C8.34933 6.67177 9.50793 5.17071 10.2676 3.46265L10.457 3.0359C10.6713 2.55439 11.2511 2.3579 11.7139 2.61011C12.0884 2.8144 12.2689 3.25323 12.1465 3.66187L11.7881 4.85621L10.7881 7.85328C10.7055 8.10106 10.7585 8.37424 10.9268 8.57398C11.0951 8.77365 11.3551 8.87125 11.6133 8.83179L15.2578 8.2732C16.1208 8.14085 16.8506 8.91197 16.6709 9.76636L15.8096 13.8582C15.5417 15.1303 14.5414 16.1208 13.2666 16.3757L13.21 16.3865ZM3.65332 16.5935C3.01641 16.5935 2.5 16.0771 2.5 15.4402V8.09351H5.25V16.5935H3.65332Z"
fill="currentColor"
/>
</svg>
);
}
export function ThumbsDownIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M8.99609 1.74926C10.6489 1.41776 12.351 1.41769 14.0039 1.74828L14.0605 1.75903C15.9238 2.13169 17.3859 3.57936 17.7773 5.43871L18.6387 9.53051C19.0342 11.4102 17.4299 13.1065 15.5312 12.8157L13.1006 12.4426L13.7119 14.2747C13.7143 14.2817 13.7166 14.289 13.7188 14.2961L14.083 15.5129C14.409 16.6006 13.9293 17.7679 12.9326 18.3118C11.7006 18.9837 10.1573 18.4611 9.58691 17.1789L9.39648 16.7522C8.74972 15.2981 7.77074 14.0164 6.54004 13.009C6.52675 13.0097 6.51346 13.012 6.5 13.012H2.25C2.05116 13.012 1.86036 12.9328 1.71973 12.7922C1.57915 12.6516 1.50008 12.4608 1.5 12.262V4.16528C1.5 2.69994 2.68798 1.51196 4.15332 1.51196H6.5C6.85958 1.51196 7.15843 1.76505 7.23145 2.10278L8.99609 1.74926ZM13.71 3.21899C12.2515 2.92729 10.7494 2.92745 9.29102 3.21996L7.25 3.63012V11.6545L7.38965 11.7659C8.84933 12.9337 10.0079 14.4348 10.7676 16.1428L10.957 16.5696C11.1713 17.0511 11.7511 17.2476 12.2139 16.9954C12.5884 16.7911 12.7689 16.3522 12.6465 15.9436L12.2881 14.7493L11.2881 11.7522C11.2055 11.5044 11.2585 11.2312 11.4268 11.0315C11.5951 10.8318 11.8551 10.7342 12.1133 10.7737L15.7578 11.3323C16.6208 11.4646 17.3506 10.6935 17.1709 9.8391L16.3096 5.74731C16.0417 4.47519 15.0414 3.48471 13.7666 3.22973L13.71 3.21899ZM4.15332 3.01196C3.51641 3.01196 3 3.52837 3 4.16528V11.512H5.75V3.01196H4.15332Z"
fill="currentColor"
/>
</svg>
);
}
// No exported left arrow — mirror the right arrow inside the SVG (via the inner
// <g>) so the element's own CSS transform stays free for the pager hover slide.
export function ArrowLeftIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<g transform="translate(20 0) scale(-1 1)">
<path d={ARROW_RIGHT_PATH} fill="currentColor" />
</g>
</svg>
);
}
|