@xyd-js/components 0.1.0-xyd.10 → 0.1.0-xyd.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 (143) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/{CTABanner-4FVIoaTR.js → CTABanner-BLDHbq5h.js} +1 -1
  3. package/dist/{CTABanner-C6afsXoE.js.map → CTABanner-BLDHbq5h.js.map} +1 -1
  4. package/dist/{CTABanner-C6afsXoE.js → CTABanner-n3vc4xW5.js} +1 -1
  5. package/dist/{CTABanner-4FVIoaTR.js.map → CTABanner-n3vc4xW5.js.map} +1 -1
  6. package/dist/CodeSample-CVki5fdQ.js +2 -0
  7. package/dist/CodeSample-CVki5fdQ.js.map +1 -0
  8. package/dist/CodeSample-Dkob5gWa.js +2 -0
  9. package/dist/CodeSample-Dkob5gWa.js.map +1 -0
  10. package/dist/{HomeView-ACBdUgyz.js → HomeView-DHdqouwJ.js} +1 -1
  11. package/dist/{HomeView-ACBdUgyz.js.map → HomeView-DHdqouwJ.js.map} +1 -1
  12. package/dist/{HomeView-B0ATNUF1.js → HomeView-TDx2tcP_.js} +1 -1
  13. package/dist/{HomeView-B0ATNUF1.js.map → HomeView-TDx2tcP_.js.map} +1 -1
  14. package/dist/{UnderlineNav-3-KptDYD.js → UnderlineNav-9lJPvnIp.js} +2 -2
  15. package/dist/{UnderlineNav-3-KptDYD.js.map → UnderlineNav-9lJPvnIp.js.map} +1 -1
  16. package/dist/{UnderlineNav-BCyB0G5d.js → UnderlineNav-VqB7jDQD.js} +2 -2
  17. package/dist/{UnderlineNav-BCyB0G5d.js.map → UnderlineNav-VqB7jDQD.js.map} +1 -1
  18. package/dist/{_rollupPluginBabelHelpers-BEouSrrZ.js → _rollupPluginBabelHelpers-C8nLsqZ7.js} +1 -1
  19. package/dist/_rollupPluginBabelHelpers-C8nLsqZ7.js.map +1 -0
  20. package/dist/{_rollupPluginBabelHelpers-BHehKRBq.js → _rollupPluginBabelHelpers-CrdNG0jb.js} +1 -1
  21. package/dist/_rollupPluginBabelHelpers-CrdNG0jb.js.map +1 -0
  22. package/dist/brand.js +1 -1
  23. package/dist/coder.d.ts +1 -3
  24. package/dist/coder.js +1 -1
  25. package/dist/content.js +1 -1
  26. package/dist/{index-B0FncPxO.js → index-TkBHKzGT.js} +1 -1
  27. package/dist/{index-BHwtxG27.js.map → index-TkBHKzGT.js.map} +1 -1
  28. package/dist/{index-BTcmIG47.js → index-YH6Q3iH2.js} +1 -1
  29. package/dist/{index-B0FncPxO.js.map → index-YH6Q3iH2.js.map} +1 -1
  30. package/dist/index.css +52 -52
  31. package/dist/layouts.js +1 -1
  32. package/dist/pages.js +1 -1
  33. package/dist/{tslib.es6-BBkx4Se1.js → tslib.es6-BI9zka_a.js} +1 -1
  34. package/dist/{tslib.es6-BBkx4Se1.js.map → tslib.es6-BI9zka_a.js.map} +1 -1
  35. package/dist/{tslib.es6-BF6ZLEXa.js → tslib.es6-sxmRJynD.js} +1 -1
  36. package/dist/{tslib.es6-BF6ZLEXa.js.map → tslib.es6-sxmRJynD.js.map} +1 -1
  37. package/dist/views.js +1 -1
  38. package/dist/writer.js +1 -1
  39. package/package.json +1 -1
  40. package/dist/CTABanner-BQx2SLf8.js +0 -2
  41. package/dist/CTABanner-BQx2SLf8.js.map +0 -1
  42. package/dist/CTABanner-CEKs-Hb-.js +0 -2
  43. package/dist/CTABanner-CEKs-Hb-.js.map +0 -1
  44. package/dist/CTABanner-CUNcTr6s.js +0 -2
  45. package/dist/CTABanner-CUNcTr6s.js.map +0 -1
  46. package/dist/CTABanner-D02aIAsD.js +0 -2
  47. package/dist/CTABanner-D02aIAsD.js.map +0 -1
  48. package/dist/CTABanner-Dm3tUG3I.js +0 -2
  49. package/dist/CTABanner-Dm3tUG3I.js.map +0 -1
  50. package/dist/CTABanner-MCOcVowa.js +0 -2
  51. package/dist/CTABanner-MCOcVowa.js.map +0 -1
  52. package/dist/CTABanner-X6K49gSr.js +0 -2
  53. package/dist/CTABanner-X6K49gSr.js.map +0 -1
  54. package/dist/CodeSample-B9VUhTKF.js +0 -2
  55. package/dist/CodeSample-B9VUhTKF.js.map +0 -1
  56. package/dist/CodeSample-BSXeFy0x.js +0 -2
  57. package/dist/CodeSample-BSXeFy0x.js.map +0 -1
  58. package/dist/CodeSample-BwP208sQ.js +0 -2
  59. package/dist/CodeSample-BwP208sQ.js.map +0 -1
  60. package/dist/CodeSample-CK-CQYrV.js +0 -2
  61. package/dist/CodeSample-CK-CQYrV.js.map +0 -1
  62. package/dist/CodeSample-CUemtj_W.js +0 -2
  63. package/dist/CodeSample-CUemtj_W.js.map +0 -1
  64. package/dist/CodeSample-D0iKih-A.js +0 -2
  65. package/dist/CodeSample-D0iKih-A.js.map +0 -1
  66. package/dist/CodeSample-D33vTa6M.js +0 -2
  67. package/dist/CodeSample-D33vTa6M.js.map +0 -1
  68. package/dist/CodeSample-DUSx2KBt.js +0 -2
  69. package/dist/CodeSample-DUSx2KBt.js.map +0 -1
  70. package/dist/CodeSample-P4yxkHPW.js +0 -2
  71. package/dist/CodeSample-P4yxkHPW.js.map +0 -1
  72. package/dist/HomeView-CHSb4HL6.js +0 -2
  73. package/dist/HomeView-CHSb4HL6.js.map +0 -1
  74. package/dist/HomeView-COJrg8Ju.js +0 -2
  75. package/dist/HomeView-COJrg8Ju.js.map +0 -1
  76. package/dist/HomeView-Cun4apuy.js +0 -2
  77. package/dist/HomeView-Cun4apuy.js.map +0 -1
  78. package/dist/HomeView-D4DXEOOn.js +0 -2
  79. package/dist/HomeView-D4DXEOOn.js.map +0 -1
  80. package/dist/HomeView-DaH1PSBB.js +0 -2
  81. package/dist/HomeView-DaH1PSBB.js.map +0 -1
  82. package/dist/HomeView-O_lj2c2t.js +0 -2
  83. package/dist/HomeView-O_lj2c2t.js.map +0 -1
  84. package/dist/HomeView-_Nu2RcOM.js +0 -2
  85. package/dist/HomeView-_Nu2RcOM.js.map +0 -1
  86. package/dist/UnderlineNav-BEhDJk0H.js +0 -2
  87. package/dist/UnderlineNav-BEhDJk0H.js.map +0 -1
  88. package/dist/UnderlineNav-BqZ2xAp7.js +0 -2
  89. package/dist/UnderlineNav-BqZ2xAp7.js.map +0 -1
  90. package/dist/UnderlineNav-C2-4Vyj8.js +0 -2
  91. package/dist/UnderlineNav-C2-4Vyj8.js.map +0 -1
  92. package/dist/UnderlineNav-Co08Gykm.js +0 -2
  93. package/dist/UnderlineNav-Co08Gykm.js.map +0 -1
  94. package/dist/UnderlineNav-DC3UVmnZ.js +0 -2
  95. package/dist/UnderlineNav-DC3UVmnZ.js.map +0 -1
  96. package/dist/UnderlineNav-DsRYwuGB.js +0 -2
  97. package/dist/UnderlineNav-DsRYwuGB.js.map +0 -1
  98. package/dist/UnderlineNav-FbclXKUW.js +0 -2
  99. package/dist/UnderlineNav-FbclXKUW.js.map +0 -1
  100. package/dist/_rollupPluginBabelHelpers-BEouSrrZ.js.map +0 -1
  101. package/dist/_rollupPluginBabelHelpers-BHehKRBq.js.map +0 -1
  102. package/dist/_rollupPluginBabelHelpers-Bunpz22T.js +0 -2
  103. package/dist/_rollupPluginBabelHelpers-Bunpz22T.js.map +0 -1
  104. package/dist/_rollupPluginBabelHelpers-CVblpRvU.js +0 -2
  105. package/dist/_rollupPluginBabelHelpers-CVblpRvU.js.map +0 -1
  106. package/dist/_rollupPluginBabelHelpers-CxmswfqM.js +0 -2
  107. package/dist/_rollupPluginBabelHelpers-CxmswfqM.js.map +0 -1
  108. package/dist/_rollupPluginBabelHelpers-D0XU6lDu.js +0 -2
  109. package/dist/_rollupPluginBabelHelpers-D0XU6lDu.js.map +0 -1
  110. package/dist/_rollupPluginBabelHelpers-DQJTK9EO.js +0 -2
  111. package/dist/_rollupPluginBabelHelpers-DQJTK9EO.js.map +0 -1
  112. package/dist/_rollupPluginBabelHelpers-DuRQdJ01.js +0 -2
  113. package/dist/_rollupPluginBabelHelpers-DuRQdJ01.js.map +0 -1
  114. package/dist/_rollupPluginBabelHelpers-tRAa4O0f.js +0 -2
  115. package/dist/_rollupPluginBabelHelpers-tRAa4O0f.js.map +0 -1
  116. package/dist/index-BEm-xkm-.js +0 -2
  117. package/dist/index-BEm-xkm-.js.map +0 -1
  118. package/dist/index-BHwtxG27.js +0 -2
  119. package/dist/index-BTcmIG47.js.map +0 -1
  120. package/dist/index-BbIMmTvo.js +0 -2
  121. package/dist/index-BbIMmTvo.js.map +0 -1
  122. package/dist/index-CNkHt1r7.js +0 -2
  123. package/dist/index-CNkHt1r7.js.map +0 -1
  124. package/dist/index-D0XuyFm7.js +0 -2
  125. package/dist/index-D0XuyFm7.js.map +0 -1
  126. package/dist/index-DBspcqWq.js +0 -2
  127. package/dist/index-DBspcqWq.js.map +0 -1
  128. package/dist/index-DVBO4gYE.js +0 -2
  129. package/dist/index-DVBO4gYE.js.map +0 -1
  130. package/dist/tslib.es6-BOZCDgb8.js +0 -2
  131. package/dist/tslib.es6-BOZCDgb8.js.map +0 -1
  132. package/dist/tslib.es6-CNVK7Xcu.js +0 -2
  133. package/dist/tslib.es6-CNVK7Xcu.js.map +0 -1
  134. package/dist/tslib.es6-Cjl5tesf.js +0 -2
  135. package/dist/tslib.es6-Cjl5tesf.js.map +0 -1
  136. package/dist/tslib.es6-DEH7Dkgy.js +0 -2
  137. package/dist/tslib.es6-DEH7Dkgy.js.map +0 -1
  138. package/dist/tslib.es6-DTeJ7dWi.js +0 -2
  139. package/dist/tslib.es6-DTeJ7dWi.js.map +0 -1
  140. package/dist/tslib.es6-U9-f6pA7.js +0 -2
  141. package/dist/tslib.es6-U9-f6pA7.js.map +0 -1
  142. package/dist/tslib.es6-cb69JjeS.js +0 -2
  143. package/dist/tslib.es6-cb69JjeS.js.map +0 -1
package/dist/{index-BTcmIG47.js → index-YH6Q3iH2.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  import e,{useRef as t}from"react";function n(t){var n=t.className,l=t.children,a=t.size,r=void 0===a?"sm":a,o=t.kind,i=void 0===o?"warning":o;return e.createElement("div",{className:"\n ".concat("XydComponents-Component-writer-Badge__BadgeHost","\n \n ").concat("sm"===r&&"XydComponents-Component-writer-Badge__BadgeHostSm","\n \n ").concat("warning"===i&&"XydComponents-Component-writer-Badge__BadgeHostWarning","\n \n ").concat("info"===i&&"XydComponents-Component-writer-Badge__BadgeHostInfo","\n \n ").concat(n||"","\n ")},e.createElement("span",{className:"XydComponents-Component-writer-Badge__BadgeItem"},l))}function l(t){var n=t.children;return e.createElement("blockquote",{className:"XydComponents-Component-writer-Blockquote__BlockquoteHost"},n)}function a(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function r(t){var n=t.children;return e.createElement("div",{className:"".concat("XydComponents-Component-writer-Callout__CalloutHost"," ").concat("XydComponents-Component-writer-Callout__CalloutNeutral")},e.createElement("div",{className:"XydComponents-Component-writer-Callout__CalloutIcon"},e.createElement(a,null)),e.createElement("div",{className:"XydComponents-Component-writer-Callout__CalloutMessage"},e.createElement("div",{className:"XydComponents-Component-writer-Callout__CalloutMessageBody"},n)))}function o(t){var n=t.children;return e.createElement("code",{className:"XydComponents-Component-writer-Code__CodeHost"},n)}function i(t){var n,l=t.children,a=t.label,r=["secondary","tertiary"].includes(t.kind||"");r&&"title"in t&&(n=t.title);var o=t.kind||"primary";return e.createElement("details",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsHost"," \n ").concat(r&&"XydComponents-Component-writer-Details__DetailsHostSecondary","\n ")},e.createElement("summary",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsSummary"," \n ").concat(r&&"XydComponents-Component-writer-Details__DetailsSummarySecondary","\n ").concat("tertiary"===o?"XydComponents-Component-writer-Details__DetailsSummaryTertiary":"","\n ")},"primary"===o&&e.createElement(e.Fragment,null,t.icon||e.createElement(c,null),e.createElement(m,null,a)),r&&e.createElement("div",null,e.createElement("div",{className:"XydComponents-Component-writer-Details__DetailsSummaryDeep"},t.icon||e.createElement(s,null),e.createElement("div",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsSummaryDeepText","\n ").concat("XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary","\n ")},n)),e.createElement(m,null,a)),r&&e.createElement(c,null)),e.createElement("div",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsContent","\n ").concat(r&&"XydComponents-Component-writer-Details__DetailsContentSecondary","\n ").concat("tertiary"===o&&"XydComponents-Component-writer-Details__DetailsContentTertiary","\n ")},l))}function c(){return e.createElement("div",{className:"XydComponents-Component-writer-Details__DetailsIcon"},e.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function s(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function m(t){var n=t.children;return e.createElement("div",{className:"XydComponents-Component-writer-Details__DetailsLabel"},n)}function d(n){var l=n.children,a=n.size,r=void 0===a?1:a,o=n.as,i=n.id,c=n.onClick,s=o||"h".concat(r);return t(null),e.createElement(s,{className:"\n ".concat("XydComponents-Component-writer-Heading__HeadingHost","\n ").concat(1===r&&"XydComponents-Component-writer-Heading__HeadingH1","\n ").concat(2===r&&"XydComponents-Component-writer-Heading__HeadingH2","\n ").concat(3===r&&"XydComponents-Component-writer-Heading__HeadingH3","\n ").concat(4===r&&"XydComponents-Component-writer-Heading__HeadingH4","\n ").concat(5===r&&"XydComponents-Component-writer-Heading__HeadingH5","\n ").concat(6===r&&"XydComponents-Component-writer-Heading__HeadingH6","\n xyd_comp-comp-heading\n "),onClick:c},l,i&&e.createElement(h,null))}function h(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",className:"XydComponents-Component-writer-Heading__HeadingLink",role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function C(t){var n=t.children;return e.createElement("hr",{className:"XydComponents-Component-writer-Hr__HrHost"},n)}function w(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M10 8L16 12L10 16V8Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function p(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M21 7L13.2273 14.9167L9.13636 10.75L3 17",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M16 7H21V12",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function u(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 20L12 10",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6 20L6 4",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M18 20L18 16",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function g(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:24,height:24},e.createElement("path",{fillRule:"evenodd",d:"M14.447 7.106a1 1 0 0 1 .447 1.341l-4 8a1 1 0 1 1-1.788-.894l4-8a1 1 0 0 1 1.341-.447ZM6.6 7.2a1 1 0 0 1 .2 1.4L4.25 12l2.55 3.4a1 1 0 0 1-1.6 1.2l-3-4a1 1 0 0 1 0-1.2l3-4a1 1 0 0 1 1.4-.2Zm10.8 0a1 1 0 0 1 1.4.2l3 4a1 1 0 0 1 0 1.2l-3 4a1 1 0 0 1-1.6-1.2l2.55-3.4-2.55-3.4a1 1 0 0 1 .2-1.4Z",clipRule:"evenodd"}))}function v(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3.66179 8.03142L6.54954 1.79004C6.63136 1.6132 6.80847 1.5 7.00333 1.5H10.7236C11.0872 1.5 11.3292 1.87581 11.1788 2.20685L9.18871 6.58625C9.03827 6.9173 9.28029 7.2931 9.64391 7.2931L11.589 7.2931C12.0146 7.2931 12.2456 7.79098 11.9708 8.11596L6.77738 14.2573C6.4593 14.6334 5.84636 14.3715 5.89839 13.8816L6.3857 9.2942C6.41708 8.99882 6.18554 8.74138 5.8885 8.74138H4.11558C3.75048 8.74138 3.50848 8.36278 3.66179 8.03142Z",stroke:"black",strokeWidth:1.2,strokeLinejoin:"round"}))}function k(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none"},e.createElement("path",{d:"M22 9H2M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z",stroke:"#000000",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function _(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 16 16",fill:"none"},e.createElement("path",{fill:"#000000",fillRule:"evenodd",d:"M.5 2.75a2.25 2.25 0 114.28.97l1.345 1.344.284-.284a2.25 2.25 0 013.182 0l.284.284 1.344-1.344a2.25 2.25 0 111.06 1.06l-1.343 1.345.284.284a2.25 2.25 0 010 3.182l-.284.284 1.344 1.344a2.25 2.25 0 11-1.06 1.06l-1.345-1.343-.284.284a2.25 2.25 0 01-3.182 0l-.284-.284-1.344 1.344a2.25 2.25 0 11-1.06-1.06l1.343-1.345-.284-.284a2.25 2.25 0 010-3.182l.284-.284L3.72 4.781A2.25 2.25 0 01.5 2.75zM2.75 2a.75.75 0 100 1.5.75.75 0 000-1.5zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zm9.75.75a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM13.25 2a.75.75 0 100 1.5.75.75 0 000-1.5zM7.47 5.841a.75.75 0 011.06 0L10.16 7.47a.75.75 0 010 1.06L8.53 10.16a.75.75 0 01-1.06 0L5.84 8.53a.75.75 0 010-1.06L7.47 5.84z",clipRule:"evenodd"}))}function q(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"#000",width:24,height:24,viewBox:"0 0 32 32"},e.createElement("path",{d:"M18.734 3.667l6.578 3.802c1.089-1.146 2.901-1.193 4.047-0.104 0.193 0.188 0.365 0.401 0.5 0.635 0.786 1.37 0.313 3.12-1.063 3.906-0.229 0.13-0.479 0.234-0.745 0.297v7.599c1.531 0.365 2.474 1.896 2.109 3.427-0.063 0.271-0.172 0.531-0.307 0.771-0.792 1.365-2.536 1.833-3.906 1.042-0.26-0.146-0.5-0.344-0.698-0.568l-6.542 3.776c0.495 1.495-0.318 3.109-1.813 3.604-0.292 0.099-0.594 0.146-0.896 0.146-1.573 0-2.854-1.271-2.854-2.849 0-0.271 0.042-0.547 0.12-0.813l-6.583-3.797c-1.089 1.141-2.896 1.188-4.036 0.094-1.135-1.089-1.177-2.891-0.094-4.031 0.38-0.396 0.865-0.677 1.396-0.807v-7.599c-1.531-0.365-2.479-1.906-2.109-3.443 0.063-0.266 0.167-0.521 0.302-0.755 0.786-1.365 2.536-1.833 3.901-1.042 0.234 0.135 0.453 0.302 0.641 0.5l6.583-3.797c-0.448-1.51 0.417-3.099 1.922-3.542 0.26-0.083 0.536-0.12 0.813-0.12 1.573 0 2.854 1.271 2.854 2.844 0 0.281-0.042 0.557-0.12 0.823zM18.047 4.839c-0.026 0.026-0.047 0.052-0.078 0.078l8.615 14.917c0.036-0.010 0.078-0.021 0.109-0.031v-7.609c-1.526-0.375-2.453-1.922-2.073-3.448 0.005-0.031 0.016-0.068 0.021-0.099zM14.026 4.917l-0.078-0.078-6.594 3.802c0.438 1.51-0.438 3.089-1.948 3.526-0.036 0.010-0.068 0.016-0.104 0.026v7.609l0.115 0.031 8.615-14.917zM16.797 5.594c-0.521 0.146-1.073 0.146-1.589 0l-8.615 14.917c0.391 0.375 0.667 0.859 0.802 1.391h17.214c0.13-0.531 0.406-1.016 0.802-1.396zM18.109 27.229l6.552-3.786c-0.021-0.063-0.036-0.125-0.052-0.188h-17.219l-0.031 0.109 6.589 3.802c0.516-0.536 1.245-0.87 2.052-0.87 0.839 0 1.589 0.359 2.109 0.932z"}))}function f(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"-10 -5 1034 1034"},e.createElement("path",{fill:"#000000",d:"M482 226h-1l-10 2q-33 4 -64.5 18.5t-55.5 38.5q-41 37 -57 91q-9 30 -8 63t12 63q17 45 52 78l13 12l-83 135q-26 -1 -45 7q-30 13 -45 40q-7 15 -9 31t2 32q8 30 33 48q15 10 33 14.5t36 2t34.5 -12.5t27.5 -25q12 -17 14.5 -39t-5.5 -41q-1 -5 -7 -14l-3 -6l118 -192 q6 -9 8 -14l-10 -3q-9 -2 -13 -4q-23 -10 -41.5 -27.5t-28.5 -39.5q-17 -36 -9 -75q4 -23 17 -43t31 -34q37 -27 82 -27q27 -1 52.5 9.5t44.5 30.5q17 16 26.5 38.5t10.5 45.5q0 17 -6 42l70 19l8 1q14 -43 7 -86q-4 -33 -19.5 -63.5t-39.5 -53.5q-42 -42 -103 -56 q-6 -2 -18 -4l-14 -2h-37zM500 350q-17 0 -34 7t-30.5 20.5t-19.5 31.5q-8 20 -4 44q3 18 14 34t28 25q24 15 56 13q3 4 5 8l112 191q3 6 6 9q27 -26 58.5 -35.5t65 -3.5t58.5 26q32 25 43.5 61.5t0.5 73.5q-8 28 -28.5 50t-48.5 33q-31 13 -66.5 8.5t-63.5 -24.5 q-4 -3 -13 -10l-5 -6q-4 3 -11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28 -5q64 -13 110 -60q22 -22 36.5 -50.5t19.5 -59.5q5 -36 -2 -71.5t-25 -64.5t-44 -51t-57 -35q-34 -14 -70.5 -16t-71.5 7l-17 5l-81 -137q13 -19 16 -37q5 -32 -13 -60q-16 -25 -44 -35 q-17 -6 -35 -6zM218 614q-58 13 -100 53q-47 44 -61 105l-4 24v37l2 11q2 13 4 20q7 31 24.5 59t42.5 49q50 41 115 49q38 4 76 -4.5t70 -28.5q53 -34 78 -91q7 -17 14 -45q6 -1 18 0l125 2q14 0 20 1q11 20 25 31t31.5 16t35.5 4q28 -3 50 -20q27 -21 32 -54 q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43 37l-3 6q-14 0 -42 -1l-113 -1q-15 -1 -43 -1l-50 -1l3 17q8 43 -13 81q-14 27 -40 45t-57 22q-35 6 -70 -7.5t-57 -42.5q-28 -35 -27 -79q1 -37 23 -69q13 -19 32 -32t41 -19l9 -3z"}))}function M(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",width:24,height:24},e.createElement("path",{d:"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z"}))}function L(){return e.createElement("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",viewBox:"0 0 109 122.88"},e.createElement("defs",null,e.createElement("style",null,".cls-1{fill-rule:evenodd;}")),e.createElement("title",null,"node-js-black"),e.createElement("path",{className:"cls-1",d:"M68.43,87.08c-19.7,0-23.83-9-23.83-16.63a1.3,1.3,0,0,1,1.3-1.3h5.82A1.3,1.3,0,0,1,53,70.25c.88,5.93,3.49,8.92,15.41,8.92C77.9,79.17,81.93,77,81.93,72c0-2.9-1.15-5-15.89-6.49-12.33-1.22-20-3.93-20-13.8,0-9.08,7.66-14.49,20.5-14.49,14.42,0,21.56,5,22.46,15.76a1.31,1.31,0,0,1-.35,1,1.35,1.35,0,0,1-1,.42H81.9a1.29,1.29,0,0,1-1.26-1c-1.41-6.23-4.81-8.23-14.07-8.23C56.21,45.15,55,48.76,55,51.46c0,3.28,1.42,4.24,15.4,6.09S90.82,62,90.82,71.71,82.64,87.14,68.37,87.14l.06-.06Zm-13.91,35.8a9.45,9.45,0,0,1-4.72-1.26l-15-8.9c-2.25-1.26-1.15-1.7-.41-2a30.38,30.38,0,0,0,6.8-3.1,1.15,1.15,0,0,1,1.12.08l11.55,6.85a1.51,1.51,0,0,0,1.4,0l45-26a1.42,1.42,0,0,0,.69-1.22V35.43a1.44,1.44,0,0,0-.7-1.24l-45-26a1.38,1.38,0,0,0-1.39,0l-45,26a1.42,1.42,0,0,0-.71,1.23v52a1.39,1.39,0,0,0,.7,1.21l12.33,7.12C27.85,99.06,32,95.11,32,91.15V39.86a1.29,1.29,0,0,1,1.31-1.3H39a1.29,1.29,0,0,1,1.3,1.3V91.17c0,8.93-4.87,14-13.33,14-2.6,0-4.66,0-10.38-2.82L4.72,95.59A9.51,9.51,0,0,1,0,87.38v-52a9.47,9.47,0,0,1,4.72-8.21l45.07-26a9.89,9.89,0,0,1,9.47,0l45,26A9.49,9.49,0,0,1,109,35.43v52a9.54,9.54,0,0,1-4.72,8.21l-45,26a9.5,9.5,0,0,1-4.74,1.26v0Zm0,0Z"}))}function y(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"#000000",width:24,height:24,viewBox:"0 0 32 32"},e.createElement("path",{d:"M21.786 0.318l-0.161 3.615c-0.005 0.203 0.229 0.328 0.391 0.203l1.411-1.068 1.198 0.932c0.156 0.104 0.365 0 0.375-0.188l-0.135-3.677 1.776-0.135c0.922-0.063 1.708 0.672 1.708 1.599v28.802c0 0.917-0.766 1.646-1.682 1.599l-21.469-0.958c-0.833-0.036-1.505-0.708-1.531-1.547l-1-26.401c-0.052-0.885 0.62-1.646 1.505-1.693l17.599-1.109zM17.693 12.401c0 0.625 4.214 0.318 4.786-0.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 0.938-0.427 1.469-1.401 1.469-1.281 0-1.802-0.651-1.734-2.88 0-0.479-4.865-0.641-5.026 0-0.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292 0.964-1.464 1.505-1.464 0.604 0 1.667 0.094 1.589 2.49z"}))}function H(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 602 360",fill:"none"},e.createElement("path",{d:"M480.96 180C480.96 196.572 474.239 211.572 463.357 222.42C452.475 233.28 437.445 240 420.84 240C404.235 240 389.205 246.708 378.335 257.568C367.453 268.428 360.72 283.428 360.72 300C360.72 316.572 353.999 331.572 343.117 342.42C332.235 353.28 317.205 360 300.6 360C283.995 360 268.965 353.28 258.095 342.42C247.213 331.572 240.48 316.572 240.48 300C240.48 283.428 247.213 268.428 258.095 257.568C268.965 246.708 283.995 240 300.6 240C317.205 240 332.235 233.28 343.117 222.42C353.999 211.572 360.72 196.572 360.72 180C360.72 146.856 333.81 120 300.6 120C283.995 120 268.965 113.28 258.095 102.42C247.213 91.572 240.48 76.572 240.48 60C240.48 43.428 247.213 28.428 258.095 17.568C268.965 6.708 283.995 0 300.6 0C333.81 0 360.72 26.856 360.72 60C360.72 76.572 367.453 91.572 378.335 102.42C389.205 113.28 404.235 120 420.84 120C454.05 120 480.96 146.856 480.96 180Z",fill:"#121212"}),e.createElement("path",{d:"M240.48 180C240.48 146.862 213.563 120 180.36 120C147.157 120 120.24 146.862 120.24 180C120.24 213.137 147.157 240 180.36 240C213.563 240 240.48 213.137 240.48 180Z",fill:"#121212"}),e.createElement("path",{d:"M120.24 300C120.24 266.863 93.3234 240 60.12 240C26.9166 240 0 266.863 0 300C0 333.138 26.9166 360 60.12 360C93.3234 360 120.24 333.138 120.24 300Z",fill:"#121212"}),e.createElement("path",{d:"M601.2 300C601.2 266.863 574.283 240 541.08 240C507.877 240 480.96 266.863 480.96 300C480.96 333.138 507.877 360 541.08 360C574.283 360 601.2 333.138 601.2 300Z",fill:"#121212"}))}function x(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 15 15",fill:"none"},e.createElement("path",{d:"M4.5 4.5L4.90534 4.20725C4.77836 4.03144 4.55252 3.95753 4.34617 4.02425C4.13981 4.09098 4 4.28313 4 4.5H4.5ZM7.5 14C3.91015 14 1 11.0899 1 7.5H0C0 11.6421 3.35786 15 7.5 15V14ZM14 7.5C14 11.0899 11.0899 14 7.5 14V15C11.6421 15 15 11.6421 15 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H15C15 3.35786 11.6421 0 7.5 0V1ZM7.5 0C3.35786 0 0 3.35786 0 7.5H1C1 3.91015 3.91015 1 7.5 1V0ZM5 12V4.5H4V12H5ZM4.09466 4.79275L10.5947 13.7927L11.4053 13.2073L4.90534 4.20725L4.09466 4.79275ZM10 4V10H11V4H10Z",fill:"#000000"}))}function B(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 80",fill:"none"},e.createElement("g",{clipPath:"url(#clip0_202_147)"},e.createElement("path",{d:"M0 55.3333H80",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M0 40H80",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M0 24.6667H80",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M55.3334 80V0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M40 80V0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M24.6666 80V0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M80 80L0 0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M0 80L80 0",stroke:"black",strokeWidth:.506667}),e.createElement("rect",{x:5.33337,y:5.33333,width:69.3333,height:69.3333,stroke:"black",strokeWidth:.506667}),e.createElement("circle",{cx:40,cy:40,r:15.3333,stroke:"black",strokeWidth:.506667}),e.createElement("circle",{cx:40,cy:40,r:22,stroke:"black",strokeWidth:.506667}),e.createElement("circle",{cx:40,cy:40,r:34.6667,stroke:"black",strokeWidth:.506667})),e.createElement("rect",{x:.253333,y:.253333,width:79.4933,height:79.4933,rx:17.08,stroke:"black",strokeWidth:.506667}),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_202_147"},e.createElement("rect",{width:80,height:80,rx:17.3333,fill:"white"}))))}function X(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"1em",height:"1em",stroke:"currentColor",fill:"currentColor"},e.createElement("path",{d:"M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z"}))}export{n as B,r as C,i as D,d as H,w as I,l as a,o as b,C as c,p as d,u as e,g as f,v as g,k as h,E as i,_ as j,q as k,f as l,M as m,L as n,y as o,H as p,x as q,B as r,X as s};
2
- //# sourceMappingURL=index-BTcmIG47.js.map
2
+ //# sourceMappingURL=index-YH6Q3iH2.js.map
package/dist/{index-B0FncPxO.js.map → index-YH6Q3iH2.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"index-B0FncPxO.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Icon/index.tsx"],"sourcesContent":["import React from \"react\"\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n className?: string;\n children?: React.ReactNode;\n\n size?: \"sm\"\n kind?: \"warning\" | \"info\"\n}\n\nexport function Badge({\n className,\n children,\n size = \"sm\",\n kind = \"warning\"\n }: BadgeProps) {\n return <div className={`\n ${cn.BadgeHost}\n \n ${size === \"sm\" && cn.BadgeHostSm}\n \n ${kind === \"warning\" && cn.BadgeHostWarning}\n \n ${kind === \"info\" && cn.BadgeHostInfo}\n \n ${className || ''}\n `}>\n <span className={cn.BadgeItem}>\n {children}\n </span>\n </div>\n}\n\n// TODO: below is a concept only\n// Export styles for useStyle hook\n// Badge.styles = cn;\n// export type BadgeStyles = typeof cn;\n\n// Example usage:\n/*\nimport { useStyle } from '@xyd/components/utils';\nimport { Badge, BadgeStyles } from '@xyd/components/writer';\n\nconst styled = useStyle<BadgeStyles>(Badge);\n\nstyled.BadgeHost`\n background-color: red;\n`;\n*/\n\n// usage\n\n// import {Content} from \"@xyd-js/components/writer\"\n// const styled = useStyle(Badge)\n\n// styled.BadgeHostInfo`\n// background-color: red;\n// `\n\n// export default styled","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n display: inline-flex;\n align-items: center;\n line-height: 1rem;\n font-style: normal;\n font-weight: 500;\n letter-spacing: normal;\n white-space: nowrap;\n text-transform: none;\n`;\n\nexport const BadgeHostWarning = css`\n color: #434e4e;\n background-color: #ffffe1\n`;\n\nexport const BadgeHostInfo = css`\n color: #fff;\n background-color: #1971a8;\n`;\n\nexport const BadgeHostSm = css`\n font-size: 12px;\n height: 18px;\n padding: 0 6px;\n gap: 3px;\n border-radius: 6px;\n`;\n\nexport const BadgeItem = css`\n position: relative;\n`;","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n children: React.ReactNode;\n}\n\nexport function Blockquote({children}: BlockquoteProps) {\n return <blockquote className={cn.BlockquoteHost}>\n {children}\n </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n color: rgb(55 65 81 / 1);\n font-style: italic;\n border-color: rgb(209 213 219 / 1);\n margin: 0;\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\nexport interface CalloutProps {\n children: React.ReactNode;\n}\n\nfunction InfoIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\"/>\n <path\n fillRule=\"evenodd\"\n d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nexport function Callout({children}: CalloutProps) {\n return <div className={`${cn.CalloutHost} ${cn.CalloutNeutral}`}>\n <div className={cn.CalloutIcon}>\n <InfoIcon/>\n </div>\n <div className={cn.CalloutMessage}>\n <div className={cn.CalloutMessageBody}>\n {children}\n </div>\n </div>\n </div>\n}","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n display: inline-flex;\n align-items: center;\n\n position: relative;\n width: 100%;\n min-width: 275px;\n padding: 8px 12px;\n\n border-radius: 8px;\n\n text-align: center;\n\n border: 1px solid #ececf1;\n`;\n\nexport const CalloutNeutral = css`\n background-color: #f7f7f8;\n\n border-color: #ececf1;\n`;\n\nexport const CalloutIcon = css`\n display: inline-flex;\n margin-right: 14px;\n flex: 0 0 auto;\n align-self: flex-start;\n\n color: #6e6e80;\n font-size: 20px;\n margin-top: 2px;\n`;\n\nexport const CalloutMessage = css`\n color: #353740;\n text-align: left;\n\n flex: 1 1 auto;\n`;\n\nexport const CalloutMessageBody = css`\n font-size: 14px;\n line-height: 20px;\n`;\n","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n children: React.ReactNode;\n}\n\nexport function Code({children}: CodeProps) {\n return <code className={cn.CodeHost}>\n {children}\n </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n display: inline-block;\n padding: 0 .3em;\n border-radius: 6px;\n margin: 0 3px;\n border: .5px solid #ececf1;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 1.6em;\n\n background: linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);\n`;","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\ninterface BaseDetailsProps {\n children: React.ReactNode;\n label: string;\n icon?: React.ReactElement;\n}\n\ninterface TertiaryDetailsProps extends BaseDetailsProps {\n kind: \"tertiary\";\n title: string | React.ReactNode;\n}\n\ninterface SecondaryDetailsProps extends BaseDetailsProps {\n kind: \"secondary\";\n title: string | React.ReactNode;\n}\n\ninterface PrimaryDetailsProps extends BaseDetailsProps {\n kind?: \"primary\";\n}\n\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\nexport function Details(props: DetailsProps) {\n const {children, label} = props;\n\n let title\n\n const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n if (isDeepKind && \"title\" in props) {\n title = props.title;\n }\n\n const kind = props.kind || \"primary\";\n\n return <details className={`\n ${cn.DetailsHost} \n ${isDeepKind && cn.DetailsHostSecondary}\n `}>\n <summary className={`\n ${cn.DetailsSummary} \n ${isDeepKind && cn.DetailsSummarySecondary}\n ${kind === \"tertiary\" ? cn.DetailsSummaryTertiary : \"\"}\n `}>\n {kind === \"primary\" && (\n <>\n {props.icon || <Icon/>}\n <Label>\n {label}\n </Label>\n </>\n )}\n {isDeepKind && (\n <div>\n <div className={cn.DetailsSummaryDeep}>\n {props.icon || <IconDeep/>}\n <div className={`\n ${cn.DetailsSummaryDeepText}\n ${cn.DetailsSummaryDeepTextTertiary}\n `}>\n {title}\n </div>\n </div>\n <Label>\n {label}\n </Label>\n </div>\n )}\n {isDeepKind && <Icon/>}\n </summary>\n\n <div className={`\n ${cn.DetailsContent}\n ${isDeepKind && cn.DetailsContentSecondary}\n ${kind === \"tertiary\" && cn.DetailsContentTertiary}\n `}>\n {children}\n </div>\n </details>\n}\n\nfunction Icon() {\n return <div className={cn.DetailsIcon}>\n <svg\n // TODO: bad solution\n data-icon=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </div>\n}\n\nfunction IconDeep() {\n return <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n stroke=\"none\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_1689_2180)\">\n <path\n d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1689_2180\">\n <rect width={24} height={24} fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n}\n\nfunction Label({children}: {\n children?: React.ReactNode\n}) {\n return <div className={cn.DetailsLabel}>\n {children}\n </div>\n}","import {css} from \"@linaria/core\";\n\nexport const DetailsHost = css`\n border-top: 1px solid #ececf1;\n\n &[open] summary svg[data-icon=\"true\"] { // TODO: bad solution\n transform: rotate(90deg);\n }\n`;\n\nexport const DetailsHostSecondary = css`\n background-color: #f7f7f8;\n border: 1px solid #ececf1;\n border-radius: 8px;\n`;\n\nexport const DetailsSummary = css`\n padding: 16px 14px 16px 0;\n font-size: 18px;\n cursor: pointer;\n font-weight: 500;\n font-variant-numeric: tabular-nums;\n line-height: 1.4;\n transition: color 0.3s;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n list-style: none;\n\n &:hover {\n color: #565869;\n }\n`;\n\nexport const DetailsSummarySecondary = css`\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: 20px 24px;\n`;\n\nexport const DetailsSummaryTertiary = css`\n padding: 10px 24px;\n`;\n\nexport const DetailsSummaryDeep = css`\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n`;\n\nexport const DetailsSummaryDeepText = css`\n color: #6e6e80;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: .08em;\n margin-left: 8px;\n font-weight: 700;\n`;\n\nexport const DetailsSummaryDeepTextTertiary = css`\n text-transform: none;\n \n code {\n background: white;\n }\n`;\n\nexport const DetailsLabel = css`\n flex: 1 1 auto;\n`;\n\nexport const DetailsLabelTertiary = css`\n padding: 10px;\n`;\n\nexport const DetailsIcon = css`\n flex: 0 0 auto;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-right: 6px;\n`;\n\nexport const DetailsContent = css`\n padding: 0 24px 20px;\n`;\n\nexport const DetailsContentSecondary = css`\n // TODO: also bad\n\n code {\n background: white;\n }\n`;\n\nexport const DetailsContentTertiary = css`\n background: white;\n padding-top: 20px;\n`;","import React, {useRef} from \"react\"\n\nimport * as cn from \"./Heading.styles\";\n\nexport interface HeadingProps {\n children: React.ReactNode\n size: 1 | 2 | 3 | 4 | 5 | 6\n as?: \"div\" | \"span\"\n id?: string\n onClick?: () => void\n}\n\nexport function Heading({children, size = 1, as, id, onClick}: HeadingProps) {\n let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n const obRef = useRef<HTMLAnchorElement>(null)\n\n return <HeadingComponent\n className={`\n ${cn.HeadingHost}\n ${size === 1 && cn.HeadingH1}\n ${size === 2 && cn.HeadingH2}\n ${size === 3 && cn.HeadingH3}\n ${size === 4 && cn.HeadingH4}\n ${size === 5 && cn.HeadingH5}\n ${size === 6 && cn.HeadingH6}\n xyd_comp-comp-heading\n `}\n onClick={onClick}\n >\n {children}\n\n {id && <Anchor/>}\n </HeadingComponent>\n}\n\nfunction Anchor() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={15}\n height={15}\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n className={cn.HeadingLink}\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}","import {css} from \"@linaria/core\";\n\nexport const HeadingHost = css`\n line-height: 40px;\n font-weight: 600;\n\n position: relative;\n display: inline-block;\n margin: 0;\n padding: 0 24px 0 0;\n scroll-margin-top: 30px;\n cursor: pointer;\n\n &:hover {\n svg {\n opacity: 1;\n }\n }\n`;\n\nexport const HeadingH1 = css`\n font-size: 36px;\n\n code {\n font-size: 30px;\n }\n`;\n\nexport const HeadingH2 = css`\n font-size: 30px;\n\n code {\n font-size: 24px;\n }\n`;\n\nexport const HeadingH3 = css`\n font-size: 26px;\n\n code {\n font-size: 22px;\n }\n`;\n\nexport const HeadingH4 = css`\n font-size: 22px;\n\n code {\n font-size: 18px;\n }\n`;\n\nexport const HeadingH5 = css`\n font-size: 18px;\n\n code {\n font-size: 14px;\n }\n`;\n\nexport const HeadingH6 = css`\n font-size: 16px;\n\n code {\n font-size: 12px;\n }\n`;\n\nexport const HeadingLink = css`\n position: absolute;\n top: 50%;\n right: 0;\n margin-top: -6px;\n opacity: 0;\n color: #7051d4;\n transition: opacity .15s ease;\n`;","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n children: React.ReactNode;\n}\n\nexport function Hr({children}: HrProps) {\n return <hr className={cn.HrHost}>\n {children}\n </hr>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n border-color: rgb(229 229 229 / 0.7);\n`;","import React from \"react\";\n\n// TODO: better icon system\n\nexport function IconSessionReplay() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 8L16 12L10 16V8Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconMetrics() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 7L13.2273 14.9167L9.13636 10.75L3 17\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M16 7H21V12\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconFunnels() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 20L12 10\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M6 20L6 4\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18 20L18 16\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconCode() {\n return <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width={24} height={24}>\n <path\n fillRule=\"evenodd\"\n d=\"M14.447 7.106a1 1 0 0 1 .447 1.341l-4 8a1 1 0 1 1-1.788-.894l4-8a1 1 0 0 1 1.341-.447ZM6.6 7.2a1 1 0 0 1 .2 1.4L4.25 12l2.55 3.4a1 1 0 0 1-1.6 1.2l-3-4a1 1 0 0 1 0-1.2l3-4a1 1 0 0 1 1.4-.2Zm10.8 0a1 1 0 0 1 1.4.2l3 4a1 1 0 0 1 0 1.2l-3 4a1 1 0 0 1-1.6-1.2l2.55-3.4-2.55-3.4a1 1 0 0 1 .2-1.4Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nexport function IconCustomEvent() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.66179 8.03142L6.54954 1.79004C6.63136 1.6132 6.80847 1.5 7.00333 1.5H10.7236C11.0872 1.5 11.3292 1.87581 11.1788 2.20685L9.18871 6.58625C9.03827 6.9173 9.28029 7.2931 9.64391 7.2931L11.589 7.2931C12.0146 7.2931 12.2456 7.79098 11.9708 8.11596L6.77738 14.2573C6.4593 14.6334 5.84636 14.3715 5.89839 13.8816L6.3857 9.2942C6.41708 8.99882 6.18554 8.74138 5.8885 8.74138H4.11558C3.75048 8.74138 3.50848 8.36278 3.66179 8.03142Z\"\n stroke=\"black\"\n strokeWidth={1.2}\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconAlert() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconBrowser() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n d=\"M22 9H2M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z\"\n stroke=\"#000000\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconREST() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill=\"#000000\"\n fillRule=\"evenodd\"\n d=\"M.5 2.75a2.25 2.25 0 114.28.97l1.345 1.344.284-.284a2.25 2.25 0 013.182 0l.284.284 1.344-1.344a2.25 2.25 0 111.06 1.06l-1.343 1.345.284.284a2.25 2.25 0 010 3.182l-.284.284 1.344 1.344a2.25 2.25 0 11-1.06 1.06l-1.345-1.343-.284.284a2.25 2.25 0 01-3.182 0l-.284-.284-1.344 1.344a2.25 2.25 0 11-1.06-1.06l1.343-1.345-.284-.284a2.25 2.25 0 010-3.182l.284-.284L3.72 4.781A2.25 2.25 0 01.5 2.75zM2.75 2a.75.75 0 100 1.5.75.75 0 000-1.5zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zm9.75.75a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM13.25 2a.75.75 0 100 1.5.75.75 0 000-1.5zM7.47 5.841a.75.75 0 011.06 0L10.16 7.47a.75.75 0 010 1.06L8.53 10.16a.75.75 0 01-1.06 0L5.84 8.53a.75.75 0 010-1.06L7.47 5.84z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nexport function IconGraphQL() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"#000\"\n width={24}\n height={24}\n viewBox=\"0 0 32 32\"\n >\n <path\n d=\"M18.734 3.667l6.578 3.802c1.089-1.146 2.901-1.193 4.047-0.104 0.193 0.188 0.365 0.401 0.5 0.635 0.786 1.37 0.313 3.12-1.063 3.906-0.229 0.13-0.479 0.234-0.745 0.297v7.599c1.531 0.365 2.474 1.896 2.109 3.427-0.063 0.271-0.172 0.531-0.307 0.771-0.792 1.365-2.536 1.833-3.906 1.042-0.26-0.146-0.5-0.344-0.698-0.568l-6.542 3.776c0.495 1.495-0.318 3.109-1.813 3.604-0.292 0.099-0.594 0.146-0.896 0.146-1.573 0-2.854-1.271-2.854-2.849 0-0.271 0.042-0.547 0.12-0.813l-6.583-3.797c-1.089 1.141-2.896 1.188-4.036 0.094-1.135-1.089-1.177-2.891-0.094-4.031 0.38-0.396 0.865-0.677 1.396-0.807v-7.599c-1.531-0.365-2.479-1.906-2.109-3.443 0.063-0.266 0.167-0.521 0.302-0.755 0.786-1.365 2.536-1.833 3.901-1.042 0.234 0.135 0.453 0.302 0.641 0.5l6.583-3.797c-0.448-1.51 0.417-3.099 1.922-3.542 0.26-0.083 0.536-0.12 0.813-0.12 1.573 0 2.854 1.271 2.854 2.844 0 0.281-0.042 0.557-0.12 0.823zM18.047 4.839c-0.026 0.026-0.047 0.052-0.078 0.078l8.615 14.917c0.036-0.010 0.078-0.021 0.109-0.031v-7.609c-1.526-0.375-2.453-1.922-2.073-3.448 0.005-0.031 0.016-0.068 0.021-0.099zM14.026 4.917l-0.078-0.078-6.594 3.802c0.438 1.51-0.438 3.089-1.948 3.526-0.036 0.010-0.068 0.016-0.104 0.026v7.609l0.115 0.031 8.615-14.917zM16.797 5.594c-0.521 0.146-1.073 0.146-1.589 0l-8.615 14.917c0.391 0.375 0.667 0.859 0.802 1.391h17.214c0.13-0.531 0.406-1.016 0.802-1.396zM18.109 27.229l6.552-3.786c-0.021-0.063-0.036-0.125-0.052-0.188h-17.219l-0.031 0.109 6.589 3.802c0.516-0.536 1.245-0.87 2.052-0.87 0.839 0 1.589 0.359 2.109 0.932z\"/>\n </svg>\n}\n\nexport function IconWebhooks() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n width={24}\n height={24}\n viewBox=\"-10 -5 1034 1034\"\n >\n <path\n fill=\"#000000\"\n d=\"M482 226h-1l-10 2q-33 4 -64.5 18.5t-55.5 38.5q-41 37 -57 91q-9 30 -8 63t12 63q17 45 52 78l13 12l-83 135q-26 -1 -45 7q-30 13 -45 40q-7 15 -9 31t2 32q8 30 33 48q15 10 33 14.5t36 2t34.5 -12.5t27.5 -25q12 -17 14.5 -39t-5.5 -41q-1 -5 -7 -14l-3 -6l118 -192 q6 -9 8 -14l-10 -3q-9 -2 -13 -4q-23 -10 -41.5 -27.5t-28.5 -39.5q-17 -36 -9 -75q4 -23 17 -43t31 -34q37 -27 82 -27q27 -1 52.5 9.5t44.5 30.5q17 16 26.5 38.5t10.5 45.5q0 17 -6 42l70 19l8 1q14 -43 7 -86q-4 -33 -19.5 -63.5t-39.5 -53.5q-42 -42 -103 -56 q-6 -2 -18 -4l-14 -2h-37zM500 350q-17 0 -34 7t-30.5 20.5t-19.5 31.5q-8 20 -4 44q3 18 14 34t28 25q24 15 56 13q3 4 5 8l112 191q3 6 6 9q27 -26 58.5 -35.5t65 -3.5t58.5 26q32 25 43.5 61.5t0.5 73.5q-8 28 -28.5 50t-48.5 33q-31 13 -66.5 8.5t-63.5 -24.5 q-4 -3 -13 -10l-5 -6q-4 3 -11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28 -5q64 -13 110 -60q22 -22 36.5 -50.5t19.5 -59.5q5 -36 -2 -71.5t-25 -64.5t-44 -51t-57 -35q-34 -14 -70.5 -16t-71.5 7l-17 5l-81 -137q13 -19 16 -37q5 -32 -13 -60q-16 -25 -44 -35 q-17 -6 -35 -6zM218 614q-58 13 -100 53q-47 44 -61 105l-4 24v37l2 11q2 13 4 20q7 31 24.5 59t42.5 49q50 41 115 49q38 4 76 -4.5t70 -28.5q53 -34 78 -91q7 -17 14 -45q6 -1 18 0l125 2q14 0 20 1q11 20 25 31t31.5 16t35.5 4q28 -3 50 -20q27 -21 32 -54 q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43 37l-3 6q-14 0 -42 -1l-113 -1q-15 -1 -43 -1l-50 -1l3 17q8 43 -13 81q-14 27 -40 45t-57 22q-35 6 -70 -7.5t-57 -42.5q-28 -35 -27 -79q1 -37 23 -69q13 -19 32 -32t41 -19l9 -3z\"\n />\n </svg>\n}\n\nexport function IconJSBrowser() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n width={24}\n height={24}\n >\n <path\n d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z\"/>\n </svg>\n}\n\nexport function IconJSNode() {\n return <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n data-name=\"Layer 1\"\n viewBox=\"0 0 109 122.88\"\n >\n <defs>\n <style>{\".cls-1{fill-rule:evenodd;}\"}</style>\n </defs>\n <title>{\"node-js-black\"}</title>\n <path\n className=\"cls-1\"\n d=\"M68.43,87.08c-19.7,0-23.83-9-23.83-16.63a1.3,1.3,0,0,1,1.3-1.3h5.82A1.3,1.3,0,0,1,53,70.25c.88,5.93,3.49,8.92,15.41,8.92C77.9,79.17,81.93,77,81.93,72c0-2.9-1.15-5-15.89-6.49-12.33-1.22-20-3.93-20-13.8,0-9.08,7.66-14.49,20.5-14.49,14.42,0,21.56,5,22.46,15.76a1.31,1.31,0,0,1-.35,1,1.35,1.35,0,0,1-1,.42H81.9a1.29,1.29,0,0,1-1.26-1c-1.41-6.23-4.81-8.23-14.07-8.23C56.21,45.15,55,48.76,55,51.46c0,3.28,1.42,4.24,15.4,6.09S90.82,62,90.82,71.71,82.64,87.14,68.37,87.14l.06-.06Zm-13.91,35.8a9.45,9.45,0,0,1-4.72-1.26l-15-8.9c-2.25-1.26-1.15-1.7-.41-2a30.38,30.38,0,0,0,6.8-3.1,1.15,1.15,0,0,1,1.12.08l11.55,6.85a1.51,1.51,0,0,0,1.4,0l45-26a1.42,1.42,0,0,0,.69-1.22V35.43a1.44,1.44,0,0,0-.7-1.24l-45-26a1.38,1.38,0,0,0-1.39,0l-45,26a1.42,1.42,0,0,0-.71,1.23v52a1.39,1.39,0,0,0,.7,1.21l12.33,7.12C27.85,99.06,32,95.11,32,91.15V39.86a1.29,1.29,0,0,1,1.31-1.3H39a1.29,1.29,0,0,1,1.3,1.3V91.17c0,8.93-4.87,14-13.33,14-2.6,0-4.66,0-10.38-2.82L4.72,95.59A9.51,9.51,0,0,1,0,87.38v-52a9.47,9.47,0,0,1,4.72-8.21l45.07-26a9.89,9.89,0,0,1,9.47,0l45,26A9.49,9.49,0,0,1,109,35.43v52a9.54,9.54,0,0,1-4.72,8.21l-45,26a9.5,9.5,0,0,1-4.74,1.26v0Zm0,0Z\"\n />\n </svg>\n}\n\nexport function IconStorybook() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"#000000\"\n width={24}\n height={24}\n viewBox=\"0 0 32 32\"\n >\n <path\n d=\"M21.786 0.318l-0.161 3.615c-0.005 0.203 0.229 0.328 0.391 0.203l1.411-1.068 1.198 0.932c0.156 0.104 0.365 0 0.375-0.188l-0.135-3.677 1.776-0.135c0.922-0.063 1.708 0.672 1.708 1.599v28.802c0 0.917-0.766 1.646-1.682 1.599l-21.469-0.958c-0.833-0.036-1.505-0.708-1.531-1.547l-1-26.401c-0.052-0.885 0.62-1.646 1.505-1.693l17.599-1.109zM17.693 12.401c0 0.625 4.214 0.318 4.786-0.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 0.938-0.427 1.469-1.401 1.469-1.281 0-1.802-0.651-1.734-2.88 0-0.479-4.865-0.641-5.026 0-0.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292 0.964-1.464 1.505-1.464 0.604 0 1.667 0.094 1.589 2.49z\"/>\n </svg>\n}\n\nexport function IconReactRouter() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 602 360\"\n fill=\"none\"\n >\n <path\n d=\"M480.96 180C480.96 196.572 474.239 211.572 463.357 222.42C452.475 233.28 437.445 240 420.84 240C404.235 240 389.205 246.708 378.335 257.568C367.453 268.428 360.72 283.428 360.72 300C360.72 316.572 353.999 331.572 343.117 342.42C332.235 353.28 317.205 360 300.6 360C283.995 360 268.965 353.28 258.095 342.42C247.213 331.572 240.48 316.572 240.48 300C240.48 283.428 247.213 268.428 258.095 257.568C268.965 246.708 283.995 240 300.6 240C317.205 240 332.235 233.28 343.117 222.42C353.999 211.572 360.72 196.572 360.72 180C360.72 146.856 333.81 120 300.6 120C283.995 120 268.965 113.28 258.095 102.42C247.213 91.572 240.48 76.572 240.48 60C240.48 43.428 247.213 28.428 258.095 17.568C268.965 6.708 283.995 0 300.6 0C333.81 0 360.72 26.856 360.72 60C360.72 76.572 367.453 91.572 378.335 102.42C389.205 113.28 404.235 120 420.84 120C454.05 120 480.96 146.856 480.96 180Z\"\n fill=\"#121212\"\n />\n <path\n d=\"M240.48 180C240.48 146.862 213.563 120 180.36 120C147.157 120 120.24 146.862 120.24 180C120.24 213.137 147.157 240 180.36 240C213.563 240 240.48 213.137 240.48 180Z\"\n fill=\"#121212\"\n />\n <path\n d=\"M120.24 300C120.24 266.863 93.3234 240 60.12 240C26.9166 240 0 266.863 0 300C0 333.138 26.9166 360 60.12 360C93.3234 360 120.24 333.138 120.24 300Z\"\n fill=\"#121212\"\n />\n <path\n d=\"M601.2 300C601.2 266.863 574.283 240 541.08 240C507.877 240 480.96 266.863 480.96 300C480.96 333.138 507.877 360 541.08 360C574.283 360 601.2 333.138 601.2 300Z\"\n fill=\"#121212\"\n />\n </svg>\n}\n\nexport function IconNextJS() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n >\n <path\n d=\"M4.5 4.5L4.90534 4.20725C4.77836 4.03144 4.55252 3.95753 4.34617 4.02425C4.13981 4.09098 4 4.28313 4 4.5H4.5ZM7.5 14C3.91015 14 1 11.0899 1 7.5H0C0 11.6421 3.35786 15 7.5 15V14ZM14 7.5C14 11.0899 11.0899 14 7.5 14V15C11.6421 15 15 11.6421 15 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H15C15 3.35786 11.6421 0 7.5 0V1ZM7.5 0C3.35786 0 0 3.35786 0 7.5H1C1 3.91015 3.91015 1 7.5 1V0ZM5 12V4.5H4V12H5ZM4.09466 4.79275L10.5947 13.7927L11.4053 13.2073L4.90534 4.20725L4.09466 4.79275ZM10 4V10H11V4H10Z\"\n fill=\"#000000\"\n />\n </svg>\n}\n\nexport function IconAppTemplate() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n fill=\"none\"\n >\n <g clipPath=\"url(#clip0_202_147)\">\n <path d=\"M0 55.3333H80\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M0 40H80\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M0 24.6667H80\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M55.3334 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M40 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M24.6666 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M80 80L0 0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M0 80L80 0\" stroke=\"black\" strokeWidth={0.506667}/>\n <rect\n x={5.33337}\n y={5.33333}\n width={69.3333}\n height={69.3333}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n <circle\n cx={40}\n cy={40}\n r={15.3333}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n <circle cx={40} cy={40} r={22} stroke=\"black\" strokeWidth={0.506667}/>\n <circle\n cx={40}\n cy={40}\n r={34.6667}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n </g>\n <rect\n x={0.253333}\n y={0.253333}\n width={79.4933}\n height={79.4933}\n rx={17.08}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n <defs>\n <clipPath id=\"clip0_202_147\">\n <rect width={80} height={80} rx={17.3333} fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n}\n\nexport function IconQuote() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"1em\"\n height=\"1em\"\n stroke=\"currentColor\"\n fill=\"currentColor\"\n >\n <path d=\"M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z\"/>\n </svg>\n}"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","Blockquote","InfoIcon","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Callout","Code","Details","props","title","label","isDeepKind","includes","Fragment","icon","Icon","Label","IconDeep","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Heading","as","onClick","HeadingComponent","useRef","Anchor","role","Hr","IconSessionReplay","IconMetrics","IconFunnels","IconCode","IconCustomEvent","IconAlert","IconBrowser","IconREST","IconGraphQL","IconWebhooks","xmlnsXlink","IconJSBrowser","IconJSNode","IconStorybook","IconReactRouter","IconNextJS","IconAppTemplate","x","y","cx","cy","r","rx","IconQuote"],"mappings":"kCAWgB,SAAAA,EAAKC,GAKc,IAJTC,EAASD,EAATC,UACAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EACXM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAEtC,OAAOE,EAAAC,cAAA,MAAA,CAAKP,uBAASQ,OCNxB,0EDOqBA,OAEH,OAATL,GCST,oDDTwC,wBAAAK,OAEtB,YAATH,GCNT,yDDMkDG,wBAAAA,OAEhC,SAATH,GCHT,sDDG4C,wBAAAG,OAEnCR,GAAa,GAAE,WAEjBM,EAAMC,cAAA,OAAA,CAAAP,UCKb,mDDJYC,GAGb,CExBgB,SAAAQ,EAAUV,GAA4B,IAA1BE,EAAQF,EAARE,SACxB,OAAOK,EAAAC,cAAA,aAAA,CAAYP,UCFtB,6DDGQC,EAET,CEJA,SAASS,IACL,OAAOJ,uBACHK,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,eACLC,QAAQ,aAERT,EAAMC,cAAA,OAAA,CAAAS,EAAE,gGACRV,EAAAC,cAAA,OAAA,CACIU,SAAS,UACTD,EAAE,8GACFE,SAAS,YAGrB,CAEgB,SAAAC,EAAOpB,GAAyB,IAAvBE,EAAQF,EAARE,SACrB,OAAOK,EAAAC,cAAA,MAAA,CAAKP,UAAS,GAAAQ,OCVxB,sDDU2C,KAAAA,OCJ3C,2DDKOF,EAAAC,cAAA,MAAA,CAAKP,UCMZ,uDDLWM,EAACC,cAAAG,SAELJ,EAAAC,cAAA,MAAA,CAAKP,UCUZ,0DDTWM,EAAKC,cAAA,MAAA,CAAAP,UCchB,8DDbgBC,IAIjB,CE5BgB,SAAAmB,EAAIrB,GAAsB,IAApBE,EAAQF,EAARE,SAClB,OAAOK,EAAAC,cAAA,OAAA,CAAMP,UCKhB,iDDJQC,EAET,CEcM,SAAUoB,EAAQC,GACpB,IAEIC,EAFGtB,EAAmBqB,EAAnBrB,SAAUuB,EAASF,EAATE,MAIXC,EAAa,CAAC,YAAa,YAAYC,SAASJ,EAAMjB,MAAQ,IAEhEoB,GAAc,UAAWH,IACzBC,EAAQD,EAAMC,OAGlB,IAAMlB,EAAOiB,EAAMjB,MAAQ,UAE3B,OAAOC,EAAAC,cAAA,UAAA,CAASP,UAASQ,aAAAA,OC/B5B,sDDgCuBA,eAAAA,OACdiB,GC3BT,+DD2B8C,UAEvCnB,EAAAC,cAAA,UAAA,CAASP,UAAS,aAAAQ,OCVzB,yDDW0BA,eAAAA,OACjBiB,GCJT,kEDIiD,cAAAjB,OAC/B,aAATH,ECDT,iEDC2D,GAAE,UAExC,YAATA,GACGC,EAAAC,cAAAD,EAAAqB,SAAA,KACKL,EAAMM,MAAQtB,EAAAC,cAACsB,EAAM,MACtBvB,EAAAC,cAACuB,EAAK,KACDN,IAIZC,GACGnB,EAAAC,cAAA,MAAA,KACID,EAAAC,cAAA,MAAA,CAAKP,UCPxB,8DDQwBsB,EAAMM,MAAQtB,EAAAC,cAACwB,EAAU,MAC1BzB,EAAAC,cAAA,MAAA,CAAKP,UAAS,iCAAAQ,OCCrC,iEDAsD,kCAAAA,OCQtD,yEDP8D,+BAElCe,IAGTjB,EAAAC,cAACuB,EAAK,KACDN,IAIZC,GAAcnB,EAAAC,cAACsB,EAAI,OAGxBvB,EAAAC,cAAA,MAAA,CAAKP,UAAS,iBAAAQ,OCerB,yDDd8B,kBAAAA,OACjBiB,GCqBb,kEDrBqDjB,kBAAAA,OAC/B,aAATH,GCyBb,iEDzB6D,eAEjDJ,GAGb,CAEA,SAAS4B,IACL,OAAOvB,EAAKC,cAAA,MAAA,CAAAP,UCAf,uDDCOM,EAEcC,cAAA,MAAA,CAAA,YAAA,OACVI,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,eACLC,QAAQ,aAERT,EAAAC,cAAA,OAAA,CACIU,SAAS,UACTD,EAAE,2HACFE,SAAS,aAIzB,CAEA,SAASa,IACL,OAAOzB,EAAAC,cAAA,MAAA,CACHK,MAAM,MACNC,OAAO,MACPE,QAAQ,YACRiB,OAAO,OACPlB,KAAK,OACLH,MAAM,8BAENL,EAAGC,cAAA,IAAA,CAAA0B,SAAS,yBACR3B,EACIC,cAAA,OAAA,CAAAS,EAAE,gIACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,WAGvB9B,EAAAC,cAAA,OAAA,KACID,EAAUC,cAAA,WAAA,CAAA8B,GAAG,mBACT/B,EAAAC,cAAA,OAAA,CAAMK,MAAO,GAAIC,OAAQ,GAAIC,KAAK,YAIlD,CAEA,SAASgB,EAAK/B,GAEb,IAFeE,EAAQF,EAARE,SAGZ,OAAOK,EAAAC,cAAA,MAAA,CAAKP,UC7Df,wDD8DQC,EAET,CE7HgB,SAAAqC,EAAOvC,GAAoD,IAAlDE,EAAQF,EAARE,SAAQC,EAAAH,EAAEI,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAEqC,EAAExC,EAAFwC,GAAIF,EAAEtC,EAAFsC,GAAIG,EAAOzC,EAAPyC,QAC7CC,EAAmBF,GAAO/B,IAAAA,OAAOL,GAIrC,OAFcuC,EAA0B,MAEjCpC,EAACC,cAAAkC,EACJ,CAAAzC,UAASQ,iBAAAA,OCAhB,sDDC2BA,kBAAAA,OACL,IAATL,GCMb,oDDNuC,kBAAAK,OACjB,IAATL,GCab,oDDbuCK,kBAAAA,OACjB,IAATL,GCoBb,oDDpBuC,kBAAAK,OACjB,IAATL,GC2Bb,oDD3BuC,kBAAAK,OACjB,IAATL,GCkCb,sEDlCuCK,OACjB,IAATL,GCyCb,oDDvCQ,iDACDqC,QAASA,GAERvC,EAEAoC,GAAM/B,EAAAC,cAACoC,EAAM,MAEtB,CAEA,SAASA,IACL,OAAOrC,EACHC,cAAA,MAAA,CAAAI,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRC,KAAK,eACLC,QAAQ,YACRf,UCiCP,sDDhCO4C,KAAK,gBAELtC,EAAAC,cAAA,OAAA,CACIU,SAAS,UACTD,EAAE,gYACFE,SAAS,YAGrB,CE5CgB,SAAA2B,EAAE9C,GAAoB,IAAlBE,EAAQF,EAARE,SAChB,OAAOK,EAAAC,cAAA,KAAA,CAAIP,UCLd,6CDMQC,EAET,UERgB6C,IACZ,OAAOxC,uBACHM,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACLH,MAAM,8BAENL,EAAAC,cAAA,OAAA,CACIS,EAAE,oHACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAEnB9B,EACIC,cAAA,OAAA,CAAAS,EAAE,uBACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAG3B,UAEgBW,IACZ,OAAOzC,uBACHM,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACLH,MAAM,8BAENL,EAAAC,cAAA,OAAA,CACIS,EAAE,2CACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAEnB9B,EACIC,cAAA,OAAA,CAAAS,EAAE,cACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAG3B,UAEgBY,IACZ,OAAO1C,uBACHM,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACLH,MAAM,8BAENL,EAAAC,cAAA,OAAA,CACIS,EAAE,eACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAEnB9B,EAAAC,cAAA,OAAA,CACIS,EAAE,YACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAEnB9B,EACIC,cAAA,OAAA,CAAAS,EAAE,eACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAG3B,UAEgBa,IACZ,OAAO3C,EAAKC,cAAA,MAAA,CAAAI,MAAM,6BAA6BI,QAAQ,YAAYH,MAAO,GAAIC,OAAQ,IAClFP,EAAAC,cAAA,OAAA,CACIU,SAAS,UACTD,EAAE,sSACFE,SAAS,YAGrB,UAEgBgC,IACZ,OAAO5C,uBACHM,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACLH,MAAM,8BAENL,EAAAC,cAAA,OAAA,CACIS,EAAE,6aACFgB,OAAO,QACPE,YAAa,IACbE,eAAe,UAG3B,UAEgBe,IACZ,OAAO7C,uBACHM,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACLH,MAAM,8BAENL,EAAAC,cAAA,OAAA,CACIS,EAAE,4LACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAEnB9B,EACIC,cAAA,OAAA,CAAAS,EAAE,gMACFgB,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAG3B,UAEgBgB,IACZ,OAAO9C,uBACHK,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,QAELR,EACIC,cAAA,OAAA,CAAAS,EAAE,+dACFgB,OAAO,UACPE,YAAa,EACbC,cAAc,QACdC,eAAe,UAG3B,UAEgBiB,IACZ,OAAO/C,uBACHK,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,QAELR,EAAAC,cAAA,OAAA,CACIO,KAAK,UACLG,SAAS,UACTD,EAAE,+qBACFE,SAAS,YAGrB,UAEgBoC,IACZ,OAAOhD,uBACHK,MAAM,6BACNG,KAAK,OACLF,MAAO,GACPC,OAAQ,GACRE,QAAQ,aAERT,EAAAC,cAAA,OAAA,CACIS,EAAE,+9CAEd,UAEgBuC,IACZ,OAAOjD,uBACHK,MAAM,6BACN6C,WAAW,+BACX5C,MAAO,GACPC,OAAQ,GACRE,QAAQ,oBAERT,EACIC,cAAA,OAAA,CAAAO,KAAK,UACLE,EAAE,28CAGd,UAEgByC,IACZ,OAAOnD,EACHC,cAAA,MAAA,CAAAI,MAAM,6BACNI,QAAQ,cACRH,MAAO,GACPC,OAAQ,IAERP,EAAAC,cAAA,OAAA,CACIS,EAAE,8mBAEd,UAEgB0C,IACZ,OAAOpD,uBACHM,MAAO,GACPC,OAAQ,GACRF,MAAM,6BAA4B,YACxB,UACVI,QAAQ,kBAERT,EAAAC,cAAA,OAAA,KACID,EAAQC,cAAA,QAAA,KAAA,+BAEZD,EAAAC,cAAA,QAAA,KAAQ,iBACRD,EACIC,cAAA,OAAA,CAAAP,UAAU,QACVgB,EAAE,4mCAGd,UAEgB2C,IACZ,OAAOrD,uBACHK,MAAM,6BACNG,KAAK,UACLF,MAAO,GACPC,OAAQ,GACRE,QAAQ,aAERT,EAAAC,cAAA,OAAA,CACIS,EAAE,ktBAEd,UAEgB4C,IACZ,OAAOtD,uBACHK,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRE,QAAQ,cACRD,KAAK,QAELR,EAAAC,cAAA,OAAA,CACIS,EAAE,k2BACFF,KAAK,YAETR,EAAAC,cAAA,OAAA,CACIS,EAAE,uKACFF,KAAK,YAETR,EAAAC,cAAA,OAAA,CACIS,EAAE,sJACFF,KAAK,YAETR,EACIC,cAAA,OAAA,CAAAS,EAAE,mKACFF,KAAK,YAGjB,UAEgB+C,IACZ,OAAOvD,uBACHK,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,QAELR,EACIC,cAAA,OAAA,CAAAS,EAAE,ifACFF,KAAK,YAGjB,UAEgBgD,IACZ,OAAOxD,EAAAC,cAAA,MAAA,CACHI,MAAM,6BACNI,QAAQ,YACRD,KAAK,QAELR,EAAGC,cAAA,IAAA,CAAA0B,SAAS,uBACR3B,EAAMC,cAAA,OAAA,CAAAS,EAAE,gBAAgBgB,OAAO,QAAQE,YAAa,UACpD5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,WAAWgB,OAAO,QAAQE,YAAa,UAC/C5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,gBAAgBgB,OAAO,QAAQE,YAAa,UACpD5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,gBAAgBgB,OAAO,QAAQE,YAAa,UACpD5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,WAAWgB,OAAO,QAAQE,YAAa,UAC/C5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,gBAAgBgB,OAAO,QAAQE,YAAa,UACpD5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,aAAagB,OAAO,QAAQE,YAAa,UACjD5B,EAAMC,cAAA,OAAA,CAAAS,EAAE,aAAagB,OAAO,QAAQE,YAAa,UACjD5B,EACIC,cAAA,OAAA,CAAAwD,EAAG,QACHC,EAAG,QACHpD,MAAO,QACPC,OAAQ,QACRmB,OAAO,QACPE,YAAa,UAEjB5B,EAAAC,cAAA,SAAA,CACI0D,GAAI,GACJC,GAAI,GACJC,EAAG,QACHnC,OAAO,QACPE,YAAa,UAEjB5B,EAAAC,cAAA,SAAA,CAAQ0D,GAAI,GAAIC,GAAI,GAAIC,EAAG,GAAInC,OAAO,QAAQE,YAAa,UAC3D5B,EACIC,cAAA,SAAA,CAAA0D,GAAI,GACJC,GAAI,GACJC,EAAG,QACHnC,OAAO,QACPE,YAAa,WAGrB5B,EACIC,cAAA,OAAA,CAAAwD,EAAG,QACHC,EAAG,QACHpD,MAAO,QACPC,OAAQ,QACRuD,GAAI,MACJpC,OAAO,QACPE,YAAa,UAEjB5B,EAAAC,cAAA,OAAA,KACID,EAAUC,cAAA,WAAA,CAAA8B,GAAG,iBACT/B,EAAAC,cAAA,OAAA,CAAMK,MAAO,GAAIC,OAAQ,GAAIuD,GAAI,QAAStD,KAAK,YAI/D,UAEgBuD,IACZ,OAAO/D,EAAAC,cAAA,MAAA,CACHI,MAAM,6BACNI,QAAQ,YACRH,MAAM,MACNC,OAAO,MACPmB,OAAO,eACPlB,KAAK,gBAELR,EAAAC,cAAA,OAAA,CAAMS,EAAE,8CAEhB"}
1
+ {"version":3,"file":"index-YH6Q3iH2.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Icon/index.tsx"],"sourcesContent":["import React from \"react\"\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n className?: string;\n children?: React.ReactNode;\n\n size?: \"sm\"\n kind?: \"warning\" | \"info\"\n}\n\nexport function Badge({\n className,\n children,\n size = \"sm\",\n kind = \"warning\"\n }: BadgeProps) {\n return <div className={`\n ${cn.BadgeHost}\n \n ${size === \"sm\" && cn.BadgeHostSm}\n \n ${kind === \"warning\" && cn.BadgeHostWarning}\n \n ${kind === \"info\" && cn.BadgeHostInfo}\n \n ${className || ''}\n `}>\n <span className={cn.BadgeItem}>\n {children}\n </span>\n </div>\n}\n\n// TODO: below is a concept only\n// Export styles for useStyle hook\n// Badge.styles = cn;\n// export type BadgeStyles = typeof cn;\n\n// Example usage:\n/*\nimport { useStyle } from '@xyd/components/utils';\nimport { Badge, BadgeStyles } from '@xyd/components/writer';\n\nconst styled = useStyle<BadgeStyles>(Badge);\n\nstyled.BadgeHost`\n background-color: red;\n`;\n*/\n\n// usage\n\n// import {Content} from \"@xyd-js/components/writer\"\n// const styled = useStyle(Badge)\n\n// styled.BadgeHostInfo`\n// background-color: red;\n// `\n\n// export default styled","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n display: inline-flex;\n align-items: center;\n line-height: 1rem;\n font-style: normal;\n font-weight: 500;\n letter-spacing: normal;\n white-space: nowrap;\n text-transform: none;\n`;\n\nexport const BadgeHostWarning = css`\n color: #434e4e;\n background-color: #ffffe1\n`;\n\nexport const BadgeHostInfo = css`\n color: #fff;\n background-color: #1971a8;\n`;\n\nexport const BadgeHostSm = css`\n font-size: 12px;\n height: 18px;\n padding: 0 6px;\n gap: 3px;\n border-radius: 6px;\n`;\n\nexport const BadgeItem = css`\n position: relative;\n`;","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n children: React.ReactNode;\n}\n\nexport function Blockquote({children}: BlockquoteProps) {\n return <blockquote className={cn.BlockquoteHost}>\n {children}\n </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n color: rgb(55 65 81 / 1);\n font-style: italic;\n border-color: rgb(209 213 219 / 1);\n margin: 0;\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\nexport interface CalloutProps {\n children: React.ReactNode;\n}\n\nfunction InfoIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\"/>\n <path\n fillRule=\"evenodd\"\n d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nexport function Callout({children}: CalloutProps) {\n return <div className={`${cn.CalloutHost} ${cn.CalloutNeutral}`}>\n <div className={cn.CalloutIcon}>\n <InfoIcon/>\n </div>\n <div className={cn.CalloutMessage}>\n <div className={cn.CalloutMessageBody}>\n {children}\n </div>\n </div>\n </div>\n}","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n display: inline-flex;\n align-items: center;\n\n position: relative;\n width: 100%;\n min-width: 275px;\n padding: 8px 12px;\n\n border-radius: 8px;\n\n text-align: center;\n\n border: 1px solid #ececf1;\n`;\n\nexport const CalloutNeutral = css`\n background-color: #f7f7f8;\n\n border-color: #ececf1;\n`;\n\nexport const CalloutIcon = css`\n display: inline-flex;\n margin-right: 14px;\n flex: 0 0 auto;\n align-self: flex-start;\n\n color: #6e6e80;\n font-size: 20px;\n margin-top: 2px;\n`;\n\nexport const CalloutMessage = css`\n color: #353740;\n text-align: left;\n\n flex: 1 1 auto;\n`;\n\nexport const CalloutMessageBody = css`\n font-size: 14px;\n line-height: 20px;\n`;\n","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n children: React.ReactNode;\n}\n\nexport function Code({children}: CodeProps) {\n return <code className={cn.CodeHost}>\n {children}\n </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n display: inline-block;\n padding: 0 .3em;\n border-radius: 6px;\n margin: 0 3px;\n border: .5px solid #ececf1;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 1.6em;\n\n background: linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);\n`;","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\ninterface BaseDetailsProps {\n children: React.ReactNode;\n label: string;\n icon?: React.ReactElement;\n}\n\ninterface TertiaryDetailsProps extends BaseDetailsProps {\n kind: \"tertiary\";\n title: string | React.ReactNode;\n}\n\ninterface SecondaryDetailsProps extends BaseDetailsProps {\n kind: \"secondary\";\n title: string | React.ReactNode;\n}\n\ninterface PrimaryDetailsProps extends BaseDetailsProps {\n kind?: \"primary\";\n}\n\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\nexport function Details(props: DetailsProps) {\n const {children, label} = props;\n\n let title\n\n const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n if (isDeepKind && \"title\" in props) {\n title = props.title;\n }\n\n const kind = props.kind || \"primary\";\n\n return <details className={`\n ${cn.DetailsHost} \n ${isDeepKind && cn.DetailsHostSecondary}\n `}>\n <summary className={`\n ${cn.DetailsSummary} \n ${isDeepKind && cn.DetailsSummarySecondary}\n ${kind === \"tertiary\" ? cn.DetailsSummaryTertiary : \"\"}\n `}>\n {kind === \"primary\" && (\n <>\n {props.icon || <Icon/>}\n <Label>\n {label}\n </Label>\n </>\n )}\n {isDeepKind && (\n <div>\n <div className={cn.DetailsSummaryDeep}>\n {props.icon || <IconDeep/>}\n <div className={`\n ${cn.DetailsSummaryDeepText}\n ${cn.DetailsSummaryDeepTextTertiary}\n `}>\n {title}\n </div>\n </div>\n <Label>\n {label}\n </Label>\n </div>\n )}\n {isDeepKind && <Icon/>}\n </summary>\n\n <div className={`\n ${cn.DetailsContent}\n ${isDeepKind && cn.DetailsContentSecondary}\n ${kind === \"tertiary\" && cn.DetailsContentTertiary}\n `}>\n {children}\n </div>\n </details>\n}\n\nfunction Icon() {\n return <div className={cn.DetailsIcon}>\n <svg\n // TODO: bad solution\n data-icon=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </div>\n}\n\nfunction IconDeep() {\n return <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n stroke=\"none\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_1689_2180)\">\n <path\n d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1689_2180\">\n <rect width={24} height={24} fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n}\n\nfunction Label({children}: {\n children?: React.ReactNode\n}) {\n return <div className={cn.DetailsLabel}>\n {children}\n </div>\n}","import {css} from \"@linaria/core\";\n\nexport const DetailsHost = css`\n border-top: 1px solid #ececf1;\n\n &[open] summary svg[data-icon=\"true\"] { // TODO: bad solution\n transform: rotate(90deg);\n }\n`;\n\nexport const DetailsHostSecondary = css`\n background-color: #f7f7f8;\n border: 1px solid #ececf1;\n border-radius: 8px;\n`;\n\nexport const DetailsSummary = css`\n padding: 16px 14px 16px 0;\n font-size: 18px;\n cursor: pointer;\n font-weight: 500;\n font-variant-numeric: tabular-nums;\n line-height: 1.4;\n transition: color 0.3s;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n list-style: none;\n\n &:hover {\n color: #565869;\n }\n`;\n\nexport const DetailsSummarySecondary = css`\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: 20px 24px;\n`;\n\nexport const DetailsSummaryTertiary = css`\n padding: 10px 24px;\n`;\n\nexport const DetailsSummaryDeep = css`\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n`;\n\nexport const DetailsSummaryDeepText = css`\n color: #6e6e80;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: .08em;\n margin-left: 8px;\n font-weight: 700;\n`;\n\nexport const DetailsSummaryDeepTextTertiary = css`\n text-transform: none;\n \n code {\n background: white;\n }\n`;\n\nexport const DetailsLabel = css`\n flex: 1 1 auto;\n`;\n\nexport const DetailsLabelTertiary = css`\n padding: 10px;\n`;\n\nexport const DetailsIcon = css`\n flex: 0 0 auto;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-right: 6px;\n`;\n\nexport const DetailsContent = css`\n padding: 0 24px 20px;\n`;\n\nexport const DetailsContentSecondary = css`\n // TODO: also bad\n\n code {\n background: white;\n }\n`;\n\nexport const DetailsContentTertiary = css`\n background: white;\n padding-top: 20px;\n`;","import React, {useRef} from \"react\"\n\nimport * as cn from \"./Heading.styles\";\n\nexport interface HeadingProps {\n children: React.ReactNode\n size: 1 | 2 | 3 | 4 | 5 | 6\n as?: \"div\" | \"span\"\n id?: string\n onClick?: () => void\n}\n\nexport function Heading({children, size = 1, as, id, onClick}: HeadingProps) {\n let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n const obRef = useRef<HTMLAnchorElement>(null)\n\n return <HeadingComponent\n className={`\n ${cn.HeadingHost}\n ${size === 1 && cn.HeadingH1}\n ${size === 2 && cn.HeadingH2}\n ${size === 3 && cn.HeadingH3}\n ${size === 4 && cn.HeadingH4}\n ${size === 5 && cn.HeadingH5}\n ${size === 6 && cn.HeadingH6}\n xyd_comp-comp-heading\n `}\n onClick={onClick}\n >\n {children}\n\n {id && <Anchor/>}\n </HeadingComponent>\n}\n\nfunction Anchor() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={15}\n height={15}\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n className={cn.HeadingLink}\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}","import {css} from \"@linaria/core\";\n\nexport const HeadingHost = css`\n line-height: 40px;\n font-weight: 600;\n\n position: relative;\n display: inline-block;\n margin: 0;\n padding: 0 24px 0 0;\n scroll-margin-top: 30px;\n cursor: pointer;\n\n &:hover {\n svg {\n opacity: 1;\n }\n }\n`;\n\nexport const HeadingH1 = css`\n font-size: 36px;\n\n code {\n font-size: 30px;\n }\n`;\n\nexport const HeadingH2 = css`\n font-size: 30px;\n\n code {\n font-size: 24px;\n }\n`;\n\nexport const HeadingH3 = css`\n font-size: 26px;\n\n code {\n font-size: 22px;\n }\n`;\n\nexport const HeadingH4 = css`\n font-size: 22px;\n\n code {\n font-size: 18px;\n }\n`;\n\nexport const HeadingH5 = css`\n font-size: 18px;\n\n code {\n font-size: 14px;\n }\n`;\n\nexport const HeadingH6 = css`\n font-size: 16px;\n\n code {\n font-size: 12px;\n }\n`;\n\nexport const HeadingLink = css`\n position: absolute;\n top: 50%;\n right: 0;\n margin-top: -6px;\n opacity: 0;\n color: #7051d4;\n transition: opacity .15s ease;\n`;","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n children: React.ReactNode;\n}\n\nexport function Hr({children}: HrProps) {\n return <hr className={cn.HrHost}>\n {children}\n </hr>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n border-color: rgb(229 229 229 / 0.7);\n`;","import React from \"react\";\n\n// TODO: better icon system\n\nexport function IconSessionReplay() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 8L16 12L10 16V8Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconMetrics() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 7L13.2273 14.9167L9.13636 10.75L3 17\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M16 7H21V12\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconFunnels() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 20L12 10\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M6 20L6 4\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18 20L18 16\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconCode() {\n return <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width={24} height={24}>\n <path\n fillRule=\"evenodd\"\n d=\"M14.447 7.106a1 1 0 0 1 .447 1.341l-4 8a1 1 0 1 1-1.788-.894l4-8a1 1 0 0 1 1.341-.447ZM6.6 7.2a1 1 0 0 1 .2 1.4L4.25 12l2.55 3.4a1 1 0 0 1-1.6 1.2l-3-4a1 1 0 0 1 0-1.2l3-4a1 1 0 0 1 1.4-.2Zm10.8 0a1 1 0 0 1 1.4.2l3 4a1 1 0 0 1 0 1.2l-3 4a1 1 0 0 1-1.6-1.2l2.55-3.4-2.55-3.4a1 1 0 0 1 .2-1.4Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nexport function IconCustomEvent() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.66179 8.03142L6.54954 1.79004C6.63136 1.6132 6.80847 1.5 7.00333 1.5H10.7236C11.0872 1.5 11.3292 1.87581 11.1788 2.20685L9.18871 6.58625C9.03827 6.9173 9.28029 7.2931 9.64391 7.2931L11.589 7.2931C12.0146 7.2931 12.2456 7.79098 11.9708 8.11596L6.77738 14.2573C6.4593 14.6334 5.84636 14.3715 5.89839 13.8816L6.3857 9.2942C6.41708 8.99882 6.18554 8.74138 5.8885 8.74138H4.11558C3.75048 8.74138 3.50848 8.36278 3.66179 8.03142Z\"\n stroke=\"black\"\n strokeWidth={1.2}\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconAlert() {\n return <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21\"\n stroke=\"black\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconBrowser() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n d=\"M22 9H2M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z\"\n stroke=\"#000000\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n}\n\nexport function IconREST() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill=\"#000000\"\n fillRule=\"evenodd\"\n d=\"M.5 2.75a2.25 2.25 0 114.28.97l1.345 1.344.284-.284a2.25 2.25 0 013.182 0l.284.284 1.344-1.344a2.25 2.25 0 111.06 1.06l-1.343 1.345.284.284a2.25 2.25 0 010 3.182l-.284.284 1.344 1.344a2.25 2.25 0 11-1.06 1.06l-1.345-1.343-.284.284a2.25 2.25 0 01-3.182 0l-.284-.284-1.344 1.344a2.25 2.25 0 11-1.06-1.06l1.343-1.345-.284-.284a2.25 2.25 0 010-3.182l.284-.284L3.72 4.781A2.25 2.25 0 01.5 2.75zM2.75 2a.75.75 0 100 1.5.75.75 0 000-1.5zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zm9.75.75a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM13.25 2a.75.75 0 100 1.5.75.75 0 000-1.5zM7.47 5.841a.75.75 0 011.06 0L10.16 7.47a.75.75 0 010 1.06L8.53 10.16a.75.75 0 01-1.06 0L5.84 8.53a.75.75 0 010-1.06L7.47 5.84z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nexport function IconGraphQL() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"#000\"\n width={24}\n height={24}\n viewBox=\"0 0 32 32\"\n >\n <path\n d=\"M18.734 3.667l6.578 3.802c1.089-1.146 2.901-1.193 4.047-0.104 0.193 0.188 0.365 0.401 0.5 0.635 0.786 1.37 0.313 3.12-1.063 3.906-0.229 0.13-0.479 0.234-0.745 0.297v7.599c1.531 0.365 2.474 1.896 2.109 3.427-0.063 0.271-0.172 0.531-0.307 0.771-0.792 1.365-2.536 1.833-3.906 1.042-0.26-0.146-0.5-0.344-0.698-0.568l-6.542 3.776c0.495 1.495-0.318 3.109-1.813 3.604-0.292 0.099-0.594 0.146-0.896 0.146-1.573 0-2.854-1.271-2.854-2.849 0-0.271 0.042-0.547 0.12-0.813l-6.583-3.797c-1.089 1.141-2.896 1.188-4.036 0.094-1.135-1.089-1.177-2.891-0.094-4.031 0.38-0.396 0.865-0.677 1.396-0.807v-7.599c-1.531-0.365-2.479-1.906-2.109-3.443 0.063-0.266 0.167-0.521 0.302-0.755 0.786-1.365 2.536-1.833 3.901-1.042 0.234 0.135 0.453 0.302 0.641 0.5l6.583-3.797c-0.448-1.51 0.417-3.099 1.922-3.542 0.26-0.083 0.536-0.12 0.813-0.12 1.573 0 2.854 1.271 2.854 2.844 0 0.281-0.042 0.557-0.12 0.823zM18.047 4.839c-0.026 0.026-0.047 0.052-0.078 0.078l8.615 14.917c0.036-0.010 0.078-0.021 0.109-0.031v-7.609c-1.526-0.375-2.453-1.922-2.073-3.448 0.005-0.031 0.016-0.068 0.021-0.099zM14.026 4.917l-0.078-0.078-6.594 3.802c0.438 1.51-0.438 3.089-1.948 3.526-0.036 0.010-0.068 0.016-0.104 0.026v7.609l0.115 0.031 8.615-14.917zM16.797 5.594c-0.521 0.146-1.073 0.146-1.589 0l-8.615 14.917c0.391 0.375 0.667 0.859 0.802 1.391h17.214c0.13-0.531 0.406-1.016 0.802-1.396zM18.109 27.229l6.552-3.786c-0.021-0.063-0.036-0.125-0.052-0.188h-17.219l-0.031 0.109 6.589 3.802c0.516-0.536 1.245-0.87 2.052-0.87 0.839 0 1.589 0.359 2.109 0.932z\"/>\n </svg>\n}\n\nexport function IconWebhooks() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n width={24}\n height={24}\n viewBox=\"-10 -5 1034 1034\"\n >\n <path\n fill=\"#000000\"\n d=\"M482 226h-1l-10 2q-33 4 -64.5 18.5t-55.5 38.5q-41 37 -57 91q-9 30 -8 63t12 63q17 45 52 78l13 12l-83 135q-26 -1 -45 7q-30 13 -45 40q-7 15 -9 31t2 32q8 30 33 48q15 10 33 14.5t36 2t34.5 -12.5t27.5 -25q12 -17 14.5 -39t-5.5 -41q-1 -5 -7 -14l-3 -6l118 -192 q6 -9 8 -14l-10 -3q-9 -2 -13 -4q-23 -10 -41.5 -27.5t-28.5 -39.5q-17 -36 -9 -75q4 -23 17 -43t31 -34q37 -27 82 -27q27 -1 52.5 9.5t44.5 30.5q17 16 26.5 38.5t10.5 45.5q0 17 -6 42l70 19l8 1q14 -43 7 -86q-4 -33 -19.5 -63.5t-39.5 -53.5q-42 -42 -103 -56 q-6 -2 -18 -4l-14 -2h-37zM500 350q-17 0 -34 7t-30.5 20.5t-19.5 31.5q-8 20 -4 44q3 18 14 34t28 25q24 15 56 13q3 4 5 8l112 191q3 6 6 9q27 -26 58.5 -35.5t65 -3.5t58.5 26q32 25 43.5 61.5t0.5 73.5q-8 28 -28.5 50t-48.5 33q-31 13 -66.5 8.5t-63.5 -24.5 q-4 -3 -13 -10l-5 -6q-4 3 -11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28 -5q64 -13 110 -60q22 -22 36.5 -50.5t19.5 -59.5q5 -36 -2 -71.5t-25 -64.5t-44 -51t-57 -35q-34 -14 -70.5 -16t-71.5 7l-17 5l-81 -137q13 -19 16 -37q5 -32 -13 -60q-16 -25 -44 -35 q-17 -6 -35 -6zM218 614q-58 13 -100 53q-47 44 -61 105l-4 24v37l2 11q2 13 4 20q7 31 24.5 59t42.5 49q50 41 115 49q38 4 76 -4.5t70 -28.5q53 -34 78 -91q7 -17 14 -45q6 -1 18 0l125 2q14 0 20 1q11 20 25 31t31.5 16t35.5 4q28 -3 50 -20q27 -21 32 -54 q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43 37l-3 6q-14 0 -42 -1l-113 -1q-15 -1 -43 -1l-50 -1l3 17q8 43 -13 81q-14 27 -40 45t-57 22q-35 6 -70 -7.5t-57 -42.5q-28 -35 -27 -79q1 -37 23 -69q13 -19 32 -32t41 -19l9 -3z\"\n />\n </svg>\n}\n\nexport function IconJSBrowser() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n width={24}\n height={24}\n >\n <path\n d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z\"/>\n </svg>\n}\n\nexport function IconJSNode() {\n return <svg\n width={24}\n height={24}\n xmlns=\"http://www.w3.org/2000/svg\"\n data-name=\"Layer 1\"\n viewBox=\"0 0 109 122.88\"\n >\n <defs>\n <style>{\".cls-1{fill-rule:evenodd;}\"}</style>\n </defs>\n <title>{\"node-js-black\"}</title>\n <path\n className=\"cls-1\"\n d=\"M68.43,87.08c-19.7,0-23.83-9-23.83-16.63a1.3,1.3,0,0,1,1.3-1.3h5.82A1.3,1.3,0,0,1,53,70.25c.88,5.93,3.49,8.92,15.41,8.92C77.9,79.17,81.93,77,81.93,72c0-2.9-1.15-5-15.89-6.49-12.33-1.22-20-3.93-20-13.8,0-9.08,7.66-14.49,20.5-14.49,14.42,0,21.56,5,22.46,15.76a1.31,1.31,0,0,1-.35,1,1.35,1.35,0,0,1-1,.42H81.9a1.29,1.29,0,0,1-1.26-1c-1.41-6.23-4.81-8.23-14.07-8.23C56.21,45.15,55,48.76,55,51.46c0,3.28,1.42,4.24,15.4,6.09S90.82,62,90.82,71.71,82.64,87.14,68.37,87.14l.06-.06Zm-13.91,35.8a9.45,9.45,0,0,1-4.72-1.26l-15-8.9c-2.25-1.26-1.15-1.7-.41-2a30.38,30.38,0,0,0,6.8-3.1,1.15,1.15,0,0,1,1.12.08l11.55,6.85a1.51,1.51,0,0,0,1.4,0l45-26a1.42,1.42,0,0,0,.69-1.22V35.43a1.44,1.44,0,0,0-.7-1.24l-45-26a1.38,1.38,0,0,0-1.39,0l-45,26a1.42,1.42,0,0,0-.71,1.23v52a1.39,1.39,0,0,0,.7,1.21l12.33,7.12C27.85,99.06,32,95.11,32,91.15V39.86a1.29,1.29,0,0,1,1.31-1.3H39a1.29,1.29,0,0,1,1.3,1.3V91.17c0,8.93-4.87,14-13.33,14-2.6,0-4.66,0-10.38-2.82L4.72,95.59A9.51,9.51,0,0,1,0,87.38v-52a9.47,9.47,0,0,1,4.72-8.21l45.07-26a9.89,9.89,0,0,1,9.47,0l45,26A9.49,9.49,0,0,1,109,35.43v52a9.54,9.54,0,0,1-4.72,8.21l-45,26a9.5,9.5,0,0,1-4.74,1.26v0Zm0,0Z\"\n />\n </svg>\n}\n\nexport function IconStorybook() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"#000000\"\n width={24}\n height={24}\n viewBox=\"0 0 32 32\"\n >\n <path\n d=\"M21.786 0.318l-0.161 3.615c-0.005 0.203 0.229 0.328 0.391 0.203l1.411-1.068 1.198 0.932c0.156 0.104 0.365 0 0.375-0.188l-0.135-3.677 1.776-0.135c0.922-0.063 1.708 0.672 1.708 1.599v28.802c0 0.917-0.766 1.646-1.682 1.599l-21.469-0.958c-0.833-0.036-1.505-0.708-1.531-1.547l-1-26.401c-0.052-0.885 0.62-1.646 1.505-1.693l17.599-1.109zM17.693 12.401c0 0.625 4.214 0.318 4.786-0.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 0.938-0.427 1.469-1.401 1.469-1.281 0-1.802-0.651-1.734-2.88 0-0.479-4.865-0.641-5.026 0-0.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292 0.964-1.464 1.505-1.464 0.604 0 1.667 0.094 1.589 2.49z\"/>\n </svg>\n}\n\nexport function IconReactRouter() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 602 360\"\n fill=\"none\"\n >\n <path\n d=\"M480.96 180C480.96 196.572 474.239 211.572 463.357 222.42C452.475 233.28 437.445 240 420.84 240C404.235 240 389.205 246.708 378.335 257.568C367.453 268.428 360.72 283.428 360.72 300C360.72 316.572 353.999 331.572 343.117 342.42C332.235 353.28 317.205 360 300.6 360C283.995 360 268.965 353.28 258.095 342.42C247.213 331.572 240.48 316.572 240.48 300C240.48 283.428 247.213 268.428 258.095 257.568C268.965 246.708 283.995 240 300.6 240C317.205 240 332.235 233.28 343.117 222.42C353.999 211.572 360.72 196.572 360.72 180C360.72 146.856 333.81 120 300.6 120C283.995 120 268.965 113.28 258.095 102.42C247.213 91.572 240.48 76.572 240.48 60C240.48 43.428 247.213 28.428 258.095 17.568C268.965 6.708 283.995 0 300.6 0C333.81 0 360.72 26.856 360.72 60C360.72 76.572 367.453 91.572 378.335 102.42C389.205 113.28 404.235 120 420.84 120C454.05 120 480.96 146.856 480.96 180Z\"\n fill=\"#121212\"\n />\n <path\n d=\"M240.48 180C240.48 146.862 213.563 120 180.36 120C147.157 120 120.24 146.862 120.24 180C120.24 213.137 147.157 240 180.36 240C213.563 240 240.48 213.137 240.48 180Z\"\n fill=\"#121212\"\n />\n <path\n d=\"M120.24 300C120.24 266.863 93.3234 240 60.12 240C26.9166 240 0 266.863 0 300C0 333.138 26.9166 360 60.12 360C93.3234 360 120.24 333.138 120.24 300Z\"\n fill=\"#121212\"\n />\n <path\n d=\"M601.2 300C601.2 266.863 574.283 240 541.08 240C507.877 240 480.96 266.863 480.96 300C480.96 333.138 507.877 360 541.08 360C574.283 360 601.2 333.138 601.2 300Z\"\n fill=\"#121212\"\n />\n </svg>\n}\n\nexport function IconNextJS() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n >\n <path\n d=\"M4.5 4.5L4.90534 4.20725C4.77836 4.03144 4.55252 3.95753 4.34617 4.02425C4.13981 4.09098 4 4.28313 4 4.5H4.5ZM7.5 14C3.91015 14 1 11.0899 1 7.5H0C0 11.6421 3.35786 15 7.5 15V14ZM14 7.5C14 11.0899 11.0899 14 7.5 14V15C11.6421 15 15 11.6421 15 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H15C15 3.35786 11.6421 0 7.5 0V1ZM7.5 0C3.35786 0 0 3.35786 0 7.5H1C1 3.91015 3.91015 1 7.5 1V0ZM5 12V4.5H4V12H5ZM4.09466 4.79275L10.5947 13.7927L11.4053 13.2073L4.90534 4.20725L4.09466 4.79275ZM10 4V10H11V4H10Z\"\n fill=\"#000000\"\n />\n </svg>\n}\n\nexport function IconAppTemplate() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 80 80\"\n fill=\"none\"\n >\n <g clipPath=\"url(#clip0_202_147)\">\n <path d=\"M0 55.3333H80\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M0 40H80\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M0 24.6667H80\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M55.3334 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M40 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M24.6666 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M80 80L0 0\" stroke=\"black\" strokeWidth={0.506667}/>\n <path d=\"M0 80L80 0\" stroke=\"black\" strokeWidth={0.506667}/>\n <rect\n x={5.33337}\n y={5.33333}\n width={69.3333}\n height={69.3333}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n <circle\n cx={40}\n cy={40}\n r={15.3333}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n <circle cx={40} cy={40} r={22} stroke=\"black\" strokeWidth={0.506667}/>\n <circle\n cx={40}\n cy={40}\n r={34.6667}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n </g>\n <rect\n x={0.253333}\n y={0.253333}\n width={79.4933}\n height={79.4933}\n rx={17.08}\n stroke=\"black\"\n strokeWidth={0.506667}\n />\n <defs>\n <clipPath id=\"clip0_202_147\">\n <rect width={80} height={80} rx={17.3333} fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n}\n\nexport function IconQuote() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"1em\"\n height=\"1em\"\n stroke=\"currentColor\"\n fill=\"currentColor\"\n >\n <path d=\"M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z\"/>\n </svg>\n}"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","Blockquote","InfoIcon","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Callout","Code","Details","props","title","label","isDeepKind","includes","Fragment","icon","Icon","Label","IconDeep","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Heading","as","onClick","HeadingComponent","useRef","Anchor","role","Hr","IconSessionReplay","IconMetrics","IconFunnels","IconCode","IconCustomEvent","IconAlert","IconBrowser","IconREST","IconGraphQL","IconWebhooks","xmlnsXlink","IconJSBrowser","IconJSNode","IconStorybook","IconReactRouter","IconNextJS","IconAppTemplate","x","y","cx","cy","r","rx","IconQuote"],"mappings":"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"}
package/dist/index.css CHANGED
@@ -1,9 +1,7 @@
1
- .XydComponents-Component-brand-Footer__FooterHost{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
2
- .XydComponents-Component-brand-Footer__FooterContainer{margin:0 auto;max-width:1200px;text-align:center;}
3
- .XydComponents-Component-brand-Footer__FooterTextContainer{line-height:24px;font-size:14px;font-weight:500;color:rgba(60, 60, 67, .78);}
4
-
5
1
  .XydComponents-Component-pages-HomePage__HomePageCardsHost{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}@media (max-width: 1200px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 768px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:1fr;}}
6
2
 
3
+ .XydComponents-Component-brand-Button__ButtonHost{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}.XydComponents-Component-brand-Button__ButtonHost:hover{background:#e3e3e6;}.XydComponents-Component-brand-Button__ButtonHostSecondary{color:#fff;background-color:rgb(112, 81, 212);}.XydComponents-Component-brand-Button__ButtonHostSecondary:hover{background-color:rgb(95, 59, 211);}
4
+
7
5
  .XydComponents-Component-brand-CTABanner__CTABannerHost{padding:20px;}
8
6
  .XydComponents-Component-brand-CTABanner__CTABannerContainer{display:flex;align-items:center;justify-content:center;gap:80px;}
9
7
  .XydComponents-Component-brand-CTABanner__CTABannerHero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;}
@@ -21,13 +19,9 @@
21
19
  .XydComponents-Component-brand-CTABanner__CTABannerHeadingSubtitle{color:#3c3c43;font-size:46px;font-weight:600;text-align:center;}
22
20
  .XydComponents-Component-brand-CTABanner__CTABannerButtonGroupHost{display:flex;align-items:center;justify-content:center;gap:10px;}
23
21
 
24
- .XydComponents-Component-brand-Button__ButtonHost{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}.XydComponents-Component-brand-Button__ButtonHost:hover{background:#e3e3e6;}.XydComponents-Component-brand-Button__ButtonHostSecondary{color:#fff;background-color:rgb(112, 81, 212);}.XydComponents-Component-brand-Button__ButtonHostSecondary:hover{background-color:rgb(95, 59, 211);}
25
-
26
- .XydComponents-Component-writer-Badge__BadgeHost{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
27
- .XydComponents-Component-writer-Badge__BadgeHostWarning{color:#434e4e;background-color:#ffffe1;}
28
- .XydComponents-Component-writer-Badge__BadgeHostInfo{color:#fff;background-color:#1971a8;}
29
- .XydComponents-Component-writer-Badge__BadgeHostSm{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
30
- .XydComponents-Component-writer-Badge__BadgeItem{position:relative;}
22
+ .XydComponents-Component-brand-Footer__FooterHost{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
23
+ .XydComponents-Component-brand-Footer__FooterContainer{margin:0 auto;max-width:1200px;text-align:center;}
24
+ .XydComponents-Component-brand-Footer__FooterTextContainer{line-height:24px;font-size:14px;font-weight:500;color:rgba(60, 60, 67, .78);}
31
25
 
32
26
  .XydComponents-Component-views-HomeView__HomeViewHost{display:flex;flex-direction:column;min-height:100vh;}
33
27
  .XydComponents-Component-views-HomeView__HomeViewBodyHost{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
@@ -36,12 +30,14 @@
36
30
  @media (max-width: 1200px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:100%;padding:0 20px;}}
37
31
  @media (max-width: 768px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:100%;padding:0 10px;}}
38
32
 
33
+ .XydComponents-Component-writer-Blockquote__BlockquoteHost{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
39
34
 
40
- .XydComponents-Component-writer-GuideCard__GuideHostSecondary{display:flex;position:relative;overflow:hidden;border:1px solid #ebebeb;background:#f8f8f8;border-radius:8px;padding:24px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.XydComponents-Component-writer-GuideCard__GuideHostSecondary:hover{background:#FFF;}.XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd{padding:21px 25px 25px;}.XydComponents-Component-writer-GuideCard__GuideLink{width:100%;height:100%;}.XydComponents-Component-writer-GuideCard__GuideItem{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.XydComponents-Component-writer-GuideCard__GuideItem:hover [data-pointer="true"]{opacity:1;transform:translate(0);}.XydComponents-Component-writer-GuideCard__GuideItemSecondary{width:100%;height:100%;}.XydComponents-Component-writer-GuideCard__GuideIcon{line-height:0px;font-size:24px;height:32px;display:flex;justify-content:center;align-items:center;color:#000;transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.XydComponents-Component-writer-GuideCard__GuideRight{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.XydComponents-Component-writer-GuideCard__GuideTitle{display:flex;color:#000;font-weight:600;align-items:center;transition:color .15s;}.XydComponents-Component-writer-GuideCard__GuideTitleBody{font-size:16px;line-height:20px;}.XydComponents-Component-writer-GuideCard__GuideTitleBodyMd{font-size:18px;}.XydComponents-Component-writer-GuideCard__GuideBody{font-weight:400;font-size:14px;line-height:20px;color:#5C5C5C;white-space:normal;overflow:hidden;text-overflow:ellipsis;}.XydComponents-Component-writer-GuideCard__GuideBodyMd{font-size:16px;}.XydComponents-Component-writer-GuideCard__GuidePointer{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}.XydComponents-Component-writer-GuideCard__GuideListHost{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}
41
-
42
- .XydComponents-Component-writer-Hr__HrHost{border-color:rgb(229 229 229 / 0.7);}
35
+ .XydComponents-Component-writer-UnderlineNav__UnderlineNavHost{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
36
+ .XydComponents-Component-writer-UnderlineNav__UnderlineNavUl{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
37
+ .XydComponents-Component-writer-UnderlineNav__UnderlineNavItem{height:100%;}
38
+ .XydComponents-Component-writer-UnderlineNav__UnderlineNavItem[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
39
+ .XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
43
40
 
44
- .XydComponents-Component-writer-Blockquote__BlockquoteHost{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
45
41
 
46
42
  .XydComponents-Component-writer-Callout__CalloutHost{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #ececf1;}
47
43
  .XydComponents-Component-writer-Callout__CalloutNeutral{background-color:#f7f7f8;border-color:#ececf1;}
@@ -49,25 +45,38 @@
49
45
  .XydComponents-Component-writer-Callout__CalloutMessage{color:#353740;text-align:left;flex:1 1 auto;}
50
46
  .XydComponents-Component-writer-Callout__CalloutMessageBody{font-size:14px;line-height:20px;}
51
47
 
48
+ .XydComponents-Component-writer-Code__CodeHost{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
49
+
50
+
51
+ .XydComponents-Component-writer-GuideCard__GuideHostSecondary{display:flex;position:relative;overflow:hidden;border:1px solid #ebebeb;background:#f8f8f8;border-radius:8px;padding:24px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.XydComponents-Component-writer-GuideCard__GuideHostSecondary:hover{background:#FFF;}.XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd{padding:21px 25px 25px;}.XydComponents-Component-writer-GuideCard__GuideLink{width:100%;height:100%;}.XydComponents-Component-writer-GuideCard__GuideItem{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.XydComponents-Component-writer-GuideCard__GuideItem:hover [data-pointer="true"]{opacity:1;transform:translate(0);}.XydComponents-Component-writer-GuideCard__GuideItemSecondary{width:100%;height:100%;}.XydComponents-Component-writer-GuideCard__GuideIcon{line-height:0px;font-size:24px;height:32px;display:flex;justify-content:center;align-items:center;color:#000;transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.XydComponents-Component-writer-GuideCard__GuideRight{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.XydComponents-Component-writer-GuideCard__GuideTitle{display:flex;color:#000;font-weight:600;align-items:center;transition:color .15s;}.XydComponents-Component-writer-GuideCard__GuideTitleBody{font-size:16px;line-height:20px;}.XydComponents-Component-writer-GuideCard__GuideTitleBodyMd{font-size:18px;}.XydComponents-Component-writer-GuideCard__GuideBody{font-weight:400;font-size:14px;line-height:20px;color:#5C5C5C;white-space:normal;overflow:hidden;text-overflow:ellipsis;}.XydComponents-Component-writer-GuideCard__GuideBodyMd{font-size:16px;}.XydComponents-Component-writer-GuideCard__GuidePointer{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}.XydComponents-Component-writer-GuideCard__GuideListHost{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}
52
+
53
+ .XydComponents-Component-writer-Heading__HeadingHost{line-height:40px;font-weight:600;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}.XydComponents-Component-writer-Heading__HeadingHost:hover svg{opacity:1;}.XydComponents-Component-writer-Heading__HeadingH1{font-size:36px;}.XydComponents-Component-writer-Heading__HeadingH1 code{font-size:30px;}.XydComponents-Component-writer-Heading__HeadingH2{font-size:30px;}.XydComponents-Component-writer-Heading__HeadingH2 code{font-size:24px;}.XydComponents-Component-writer-Heading__HeadingH3{font-size:26px;}.XydComponents-Component-writer-Heading__HeadingH3 code{font-size:22px;}.XydComponents-Component-writer-Heading__HeadingH4{font-size:22px;}.XydComponents-Component-writer-Heading__HeadingH4 code{font-size:18px;}.XydComponents-Component-writer-Heading__HeadingH5{font-size:18px;}.XydComponents-Component-writer-Heading__HeadingH5 code{font-size:14px;}.XydComponents-Component-writer-Heading__HeadingH6{font-size:16px;}.XydComponents-Component-writer-Heading__HeadingH6 code{font-size:12px;}.XydComponents-Component-writer-Heading__HeadingLink{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
54
+
55
+ .XydComponents-Component-writer-Badge__BadgeHost{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
56
+ .XydComponents-Component-writer-Badge__BadgeHostWarning{color:#434e4e;background-color:#ffffe1;}
57
+ .XydComponents-Component-writer-Badge__BadgeHostInfo{color:#fff;background-color:#1971a8;}
58
+ .XydComponents-Component-writer-Badge__BadgeHostSm{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
59
+ .XydComponents-Component-writer-Badge__BadgeItem{position:relative;}
60
+
61
+ .XydComponents-Component-writer-Details__DetailsHost{border-top:1px solid #ececf1;}.XydComponents-Component-writer-Details__DetailsHost[open] summary svg[data-icon="true"]{transform:rotate(90deg);}.XydComponents-Component-writer-Details__DetailsHostSecondary{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px;}.XydComponents-Component-writer-Details__DetailsSummary{padding:16px 14px 16px 0;font-size:18px;cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.XydComponents-Component-writer-Details__DetailsSummary:hover{color:#565869;}.XydComponents-Component-writer-Details__DetailsSummarySecondary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.XydComponents-Component-writer-Details__DetailsSummaryTertiary{padding:10px 24px;}.XydComponents-Component-writer-Details__DetailsSummaryDeep{display:flex;align-items:center;margin-bottom:8px;}.XydComponents-Component-writer-Details__DetailsSummaryDeepText{color:#6e6e80;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.08em;margin-left:8px;font-weight:700;}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary{text-transform:none;}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary code{background:white;}.XydComponents-Component-writer-Details__DetailsLabel{flex:1 1 auto;}.XydComponents-Component-writer-Details__DetailsLabelTertiary{padding:10px;}.XydComponents-Component-writer-Details__DetailsIcon{flex:0 0 auto;font-size:16px;display:flex;align-items:center;justify-content:center;padding-right:6px;}.XydComponents-Component-writer-Details__DetailsContent{padding:0 24px 20px;}.XydComponents-Component-writer-Details__DetailsContentSecondary code{background:white;}.XydComponents-Component-writer-Details__DetailsContentTertiary{background:white;padding-top:20px;}
62
+
52
63
  .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsHost{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;font-size:0.875rem;line-height:1.25rem;color:#6B7280;}
53
64
  .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsIcon{shrink:0;width:0.875rem;}
54
65
  .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItem{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
55
66
  .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItemActive{color:#000;font-weight:bold;}
56
67
 
68
+ .XydComponents-Component-writer-Hr__HrHost{border-color:rgb(229 229 229 / 0.7);}
69
+
57
70
  .XydComponents-Component-writer-Table__TableHost{display:block;overflow-x:scroll;border-collapse:collapse;border-radius:3px;}
58
71
  .XydComponents-Component-writer-Table__TableTh{padding:0.5rem 1rem;margin:0;font-weight:600;border-width:1px;border-color:#D1D5DB;background:rgba(234, 238, 242, 0.5);}
59
72
  .XydComponents-Component-writer-Table__TableTr{padding:0;margin:0;border-top-width:1px;border-color:#D1D5DB;}
60
73
  .XydComponents-Component-writer-Table__TableTd{padding:0.5rem 1rem;margin:0;border-width:1px;border-color:#D1D5DB;}
61
74
 
62
- .XydComponents-Component-writer-Details__DetailsHost{border-top:1px solid #ececf1;}.XydComponents-Component-writer-Details__DetailsHost[open] summary svg[data-icon="true"]{transform:rotate(90deg);}.XydComponents-Component-writer-Details__DetailsHostSecondary{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px;}.XydComponents-Component-writer-Details__DetailsSummary{padding:16px 14px 16px 0;font-size:18px;cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.XydComponents-Component-writer-Details__DetailsSummary:hover{color:#565869;}.XydComponents-Component-writer-Details__DetailsSummarySecondary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.XydComponents-Component-writer-Details__DetailsSummaryTertiary{padding:10px 24px;}.XydComponents-Component-writer-Details__DetailsSummaryDeep{display:flex;align-items:center;margin-bottom:8px;}.XydComponents-Component-writer-Details__DetailsSummaryDeepText{color:#6e6e80;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.08em;margin-left:8px;font-weight:700;}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary{text-transform:none;}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary code{background:white;}.XydComponents-Component-writer-Details__DetailsLabel{flex:1 1 auto;}.XydComponents-Component-writer-Details__DetailsLabelTertiary{padding:10px;}.XydComponents-Component-writer-Details__DetailsIcon{flex:0 0 auto;font-size:16px;display:flex;align-items:center;justify-content:center;padding-right:6px;}.XydComponents-Component-writer-Details__DetailsContent{padding:0 24px 20px;}.XydComponents-Component-writer-Details__DetailsContentSecondary code{background:white;}.XydComponents-Component-writer-Details__DetailsContentTertiary{background:white;padding-top:20px;}
63
-
64
- .XydComponents-Component-writer-Heading__HeadingHost{line-height:40px;font-weight:600;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}.XydComponents-Component-writer-Heading__HeadingHost:hover svg{opacity:1;}.XydComponents-Component-writer-Heading__HeadingH1{font-size:36px;}.XydComponents-Component-writer-Heading__HeadingH1 code{font-size:30px;}.XydComponents-Component-writer-Heading__HeadingH2{font-size:30px;}.XydComponents-Component-writer-Heading__HeadingH2 code{font-size:24px;}.XydComponents-Component-writer-Heading__HeadingH3{font-size:26px;}.XydComponents-Component-writer-Heading__HeadingH3 code{font-size:22px;}.XydComponents-Component-writer-Heading__HeadingH4{font-size:22px;}.XydComponents-Component-writer-Heading__HeadingH4 code{font-size:18px;}.XydComponents-Component-writer-Heading__HeadingH5{font-size:18px;}.XydComponents-Component-writer-Heading__HeadingH5 code{font-size:14px;}.XydComponents-Component-writer-Heading__HeadingH6{font-size:16px;}.XydComponents-Component-writer-Heading__HeadingH6 code{font-size:12px;}.XydComponents-Component-writer-Heading__HeadingLink{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
65
-
66
- .XydComponents-Component-writer-Code__CodeHost{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
75
+ .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksHost{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:#d7d7d7;}
76
+ .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksLink{display:flex;gap:8px;align-items:center;font-size:16px;line-height:1.5;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}
77
+ .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksIcon{display:inline;height:1.25rem;flex-shrink:0;}
67
78
 
68
- .XydComponents-Component-writer-Steps__StepsHost{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
69
- .XydComponents-Component-writer-Steps__StepsLi{padding-left:32px;position:relative;line-height:1.5;}
70
- .XydComponents-Component-writer-Steps__StepsLi::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
79
+ .XydComponents-Component-writer-Pre__PreHost{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
71
80
 
72
81
  .XydComponents-Component-writer-Table__Host{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
73
82
  .XydComponents-Component-writer-Table__Table{display:table;width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border:1px solid #ECECF1;border-radius:8px;font-size:0.875rem;line-height:1.25rem;margin-top:1rem;overflow:hidden;}
@@ -88,19 +97,6 @@
88
97
  .XydComponents-Component-writer-Table__ModelCell{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;color:#202123;}
89
98
  @media (max-width: 768px){.XydComponents-Component-writer-Table__ModelCell{font-size:0.8125rem;}}
90
99
 
91
- .XydComponents-Component-writer-Pre__PreHost{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
92
-
93
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavHost{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
94
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavUl{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
95
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavItem{height:100%;}
96
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavItem[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
97
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
98
-
99
-
100
- .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksHost{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:#d7d7d7;}
101
- .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksLink{display:flex;gap:8px;align-items:center;font-size:16px;line-height:1.5;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}
102
- .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksIcon{display:inline;height:1.25rem;flex-shrink:0;}
103
-
104
100
  .XydComponents-Component-writer-Tabs__TabsSampleHost{position:relative;max-width:100%;}
105
101
  .XydComponents-Component-writer-Tabs__TabsSampleButtons{display:flex;align-items:center;}
106
102
  .XydComponents-Component-writer-Tabs__TabsSampleContent{margin-top:16px;}
@@ -113,6 +109,10 @@
113
109
  .XydComponents-Component-writer-Tabs__TabsButtonHost[data-state="active"]{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
114
110
  .XydComponents-Component-writer-Tabs__TabsButtonActive{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
115
111
 
112
+ .XydComponents-Component-writer-Steps__StepsHost{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
113
+ .XydComponents-Component-writer-Steps__StepsLi{padding-left:32px;position:relative;line-height:1.5;}
114
+ .XydComponents-Component-writer-Steps__StepsLi::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
115
+
116
116
  :root {--xyd-navbar-height:40px;--xyd-global-page-gutter:8px;}
117
117
  .XydComponents-Component-layouts__LayoutHost{width:100%;}
118
118
  .XydComponents-Component-layouts__LayoutHeader{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:40px;}
@@ -130,6 +130,10 @@
130
130
  .XydComponents-Component-layouts__ArticleContent{flex:1 1 0;overflow:hidden;}
131
131
  .XydComponents-Component-layouts__ArticleNav{position:sticky;top:30px;width:180px;margin-top:0;margin-left:50px;padding-left:16px;flex:none;}
132
132
 
133
+ .XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host{margin-top:-18px;font-size:18px;color:#6e6e80;font-weight:300;}
134
+
135
+ .XydComponents-Component-content-Anchor__AnchorHost{color:#7051d4;}
136
+
133
137
  .XydComponents-Component-coder-Code__MarkHost{display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}
134
138
  .XydComponents-Component-coder-Code__MarkLine{flex:1 1 0%;}
135
139
  .XydComponents-Component-coder-Code__MarkAnnotated{border-color:#60A5FA;background-color:#EEF2FF;}
@@ -137,6 +141,8 @@
137
141
  .XydComponents-Component-coder-Code__CodeHost{max-height:400px;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;margin:0;padding:8px 16px;border-top:1px solid rgb(236, 236, 241);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:12px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}
138
142
  .XydComponents-Component-coder-Code__CodeHostFull{max-height:100%;}
139
143
 
144
+ .XydComponents-Component-content-Content__ContentHost{display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:1.5;}
145
+
140
146
  .XydComponents-Component-coder-CodeTabs__CodeTabsHost{overflow:hidden;min-width:0;border:1px solid rgb(236, 236, 241);border-radius:16px;}
141
147
  .XydComponents-Component-coder-CodeTabs__CodeTabsPreSingle{border:none!important;}
142
148
  .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHost{display:flex;flex:1 1 0%;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;}
@@ -150,7 +156,16 @@
150
156
  .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopy{display:flex;padding-left:8px;padding-right:8px;align-items:center;}
151
157
  .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopySingle{top:17px;position:relative;right:5px;}
152
158
 
153
- .XydComponents-Component-content-Content__ContentHost{display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:1.5;}
159
+ .XydComponents-Component-ui-Loader__LoaderHost{display:inline-flex;align-items:center;justify-content:center;}
160
+ .XydComponents-Component-ui-Loader__LoaderDots{display:flex;gap:4px;}
161
+ .XydComponents-Component-ui-Loader__LoaderDot{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse-XydComponents-Component-ui-Loader__LoaderDot 1.4s infinite ease-in-out;opacity:0.6;}
162
+ .XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(2){animation-delay:0.2s;}
163
+ .XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(3){animation-delay:0.4s;}
164
+ @keyframes pulse-XydComponents-Component-ui-Loader__LoaderDot{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}
165
+ .XydComponents-Component-ui-Loader__LoaderSmall .XydComponents-Component-ui-Loader__LoaderDot{width:6px;height:6px;}
166
+ .XydComponents-Component-ui-Loader__LoaderLarge .XydComponents-Component-ui-Loader__LoaderDot{width:12px;height:12px;}
167
+
168
+ .XydComponents-Component-coder-CodeCopy__CodeCopyHost{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.XydComponents-Component-coder-CodeCopy__CodeCopyHost:hover{transition:ease-in 0.1s;background:#e3e3eb;}
154
169
 
155
170
  :root {--xyd-navbar-height:50px;--xyd-global-page-gutter:8px;--xyd-sidebar-width:250px;}
156
171
  .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost{width:100%;overflow-x:hidden;background:#fff;}
@@ -200,18 +215,3 @@
200
215
  .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{flex:none;width:256px;position:sticky;top:0;height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:12px;}
201
216
  @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{width:200px;padding-right:16px;}}
202
217
  @media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{width:100%;position:static;max-height:none;padding-right:0;}}
203
-
204
- .XydComponents-Component-content-Anchor__AnchorHost{color:#7051d4;}
205
-
206
- .XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host{margin-top:-18px;font-size:18px;color:#6e6e80;font-weight:300;}
207
-
208
- .XydComponents-Component-coder-CodeCopy__CodeCopyHost{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.XydComponents-Component-coder-CodeCopy__CodeCopyHost:hover{transition:ease-in 0.1s;background:#e3e3eb;}
209
-
210
- .XydComponents-Component-ui-Loader__LoaderHost{display:inline-flex;align-items:center;justify-content:center;}
211
- .XydComponents-Component-ui-Loader__LoaderDots{display:flex;gap:4px;}
212
- .XydComponents-Component-ui-Loader__LoaderDot{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse-XydComponents-Component-ui-Loader__LoaderDot 1.4s infinite ease-in-out;opacity:0.6;}
213
- .XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(2){animation-delay:0.2s;}
214
- .XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(3){animation-delay:0.4s;}
215
- @keyframes pulse-XydComponents-Component-ui-Loader__LoaderDot{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}
216
- .XydComponents-Component-ui-Loader__LoaderSmall .XydComponents-Component-ui-Loader__LoaderDot{width:6px;height:6px;}
217
- .XydComponents-Component-ui-Loader__LoaderLarge .XydComponents-Component-ui-Loader__LoaderDot{width:12px;height:12px;}
package/dist/layouts.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a as e}from"./_rollupPluginBabelHelpers-D0XU6lDu.js";import t,{useState as a,useEffect as n}from"react";var o="50px",r="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine",m="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen",l="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll";function c(c){var s=a(!1),y=e(s,2),i=y[0],u=y[1],d=c.subheader?function(){var t=a(!1),r=e(t,2),m=r[0],c=r[1],s=a(0),y=e(s,2),i=y[0],u=y[1],d=a(0),p=e(d,2),C=p[0],_=p[1];function L(e){var t;if(e.target instanceof HTMLElement){var a=null===(t=e.target)||void 0===t?void 0:t.scrollTop;u(a)}}function v(e){var t;e.target instanceof HTMLElement&&_(null===(t=e.target)||void 0===t?void 0:t.scrollTop)}return n((function(){if(i!==C){var e=parseInt(o,10)/2,t=i-C,a=Math.abs(i-C);t>e?c(!0):a>e&&c(!1)}}),[i,C]),n((function(){var e,t;return null===(e=document.querySelector(".".concat(l)))||void 0===e||e.addEventListener("scroll",L),null===(t=document.querySelector(".".concat(l)))||void 0===t||t.addEventListener("scrollend",v),function(){var e,t;null===(e=document.querySelector(".".concat(l)))||void 0===e||e.removeEventListener("scroll",L),null===(t=document.querySelector(".".concat(l)))||void 0===t||t.removeEventListener("scrollend",v)}}),[]),{hideMainHeader:m}}():{hideMainHeader:!1},p=d.hideMainHeader;return t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost"},t.createElement("header",{className:" \n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader","\n ").concat(c.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub","\n ").concat(p&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain","\n ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent"},c.header,t.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton",onClick:function(){return u(!i)},"aria-label":"Toggle navigation menu"},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon"},t.createElement("span",{className:"".concat(r," ").concat(i?m:"")}),t.createElement("span",{className:"".concat(r," ").concat(i?m:"")}),t.createElement("span",{className:"".concat(r," ").concat(i?m:"")})))),c.subheader),t.createElement("div",{className:"".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay"," ").concat(i?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible":""),onClick:function(){return u(!1)}}),t.createElement("aside",{className:"\n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar","\n ").concat(i?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen":"","\n ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent"},c.aside),t.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton",onClick:function(){return u(!1)},"aria-label":"Close navigation menu"},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon"}))),t.createElement("main",{className:"\n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain","\n ").concat(!p&&c.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub","\n ")},t.createElement("aside",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar"},c.aside),t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost"},t.createElement("div",{className:l},t.createElement("div",{className:"\n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer","\n ").concat("large"==c.layoutSize&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge","\n ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer"},t.createElement("article",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost"},t.createElement("section",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent"},c.content)),c.contentNav&&t.createElement("nav",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav"},c.contentNav)))))))}var s="XydComponents-Component-layouts__PageScroll";function y(o){var r=a(!1),m=e(r,2),l=m[0],c=m[1],i=a(0),u=e(i,2),d=u[0],p=u[1],C=a(0),_=e(C,2),L=_[0],v=_[1];function P(e){var t;if(e.target instanceof HTMLElement){var a=null===(t=e.target)||void 0===t?void 0:t.scrollTop;p(a)}}function E(e){var t;e.target instanceof HTMLElement&&v(null===(t=e.target)||void 0===t?void 0:t.scrollTop)}return n((function(){if(d!==L){var e=parseInt("40px",10)/2,t=d-L,a=Math.abs(d-L);t>e?c(!0):a>e&&c(!1)}}),[d,L]),n((function(){var e,t;if(o.subheader)return null===(e=document.querySelector(".".concat(s)))||void 0===e||e.addEventListener("scroll",P),null===(t=document.querySelector(".".concat(s)))||void 0===t||t.addEventListener("scrollend",E),function(){var e,t;null===(e=document.querySelector(".".concat(s)))||void 0===e||e.removeEventListener("scroll",P),null===(t=document.querySelector(".".concat(s)))||void 0===t||t.removeEventListener("scrollend",E)}}),[]),t.createElement("div",{className:"XydComponents-Component-layouts__LayoutHost"},t.createElement(y.Header,{className:"\n ".concat(o.subheader&&"XydComponents-Component-layouts__LayoutHeaderSub","\n ").concat(l&&"XydComponents-Component-layouts__LayoutHeaderHideMain","\n ")},o.header),t.createElement("main",{className:"\n ".concat("XydComponents-Component-layouts__LayoutMain","\n ").concat(!l&&o.subheader&&"XydComponents-Component-layouts__LayoutMainSub","\n ")},t.createElement("aside",{className:"XydComponents-Component-layouts__LayoutSidebar"},o.aside),t.createElement("div",{className:"XydComponents-Component-layouts__PageHost"},t.createElement("div",{className:s},t.createElement("div",{className:"XydComponents-Component-layouts__PageContainer"},t.createElement("div",{className:"\n ".concat("XydComponents-Component-layouts__PageArticleContainer","\n ").concat("fullwidth"==o.kind&&"XydComponents-Component-layouts__PageArticleContainerFullWidth","\n ")},t.createElement("article",{className:"XydComponents-Component-layouts__ArticleHost"},t.createElement("section",{className:"XydComponents-Component-layouts__ArticleContent"},o.content),o.contentNav&&t.createElement("nav",{className:"XydComponents-Component-layouts__ArticleNav"},o.contentNav))))))))}y.Header=function(e){var a=e.className,n=e.children;return t.createElement("header",{className:"\n ".concat("XydComponents-Component-layouts__LayoutHeader","\n ").concat(a,"\n ")},n)};export{y as Layout,c as LayoutPrimary};
1
+ import{a as e}from"./_rollupPluginBabelHelpers-C8nLsqZ7.js";import t,{useState as a,useEffect as n}from"react";var o="50px",r="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine",m="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen",l="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll";function c(c){var s=a(!1),y=e(s,2),i=y[0],u=y[1],d=c.subheader?function(){var t=a(!1),r=e(t,2),m=r[0],c=r[1],s=a(0),y=e(s,2),i=y[0],u=y[1],d=a(0),p=e(d,2),C=p[0],_=p[1];function L(e){var t;if(e.target instanceof HTMLElement){var a=null===(t=e.target)||void 0===t?void 0:t.scrollTop;u(a)}}function v(e){var t;e.target instanceof HTMLElement&&_(null===(t=e.target)||void 0===t?void 0:t.scrollTop)}return n((function(){if(i!==C){var e=parseInt(o,10)/2,t=i-C,a=Math.abs(i-C);t>e?c(!0):a>e&&c(!1)}}),[i,C]),n((function(){var e,t;return null===(e=document.querySelector(".".concat(l)))||void 0===e||e.addEventListener("scroll",L),null===(t=document.querySelector(".".concat(l)))||void 0===t||t.addEventListener("scrollend",v),function(){var e,t;null===(e=document.querySelector(".".concat(l)))||void 0===e||e.removeEventListener("scroll",L),null===(t=document.querySelector(".".concat(l)))||void 0===t||t.removeEventListener("scrollend",v)}}),[]),{hideMainHeader:m}}():{hideMainHeader:!1},p=d.hideMainHeader;return t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost"},t.createElement("header",{className:" \n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader","\n ").concat(c.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub","\n ").concat(p&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain","\n ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent"},c.header,t.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton",onClick:function(){return u(!i)},"aria-label":"Toggle navigation menu"},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon"},t.createElement("span",{className:"".concat(r," ").concat(i?m:"")}),t.createElement("span",{className:"".concat(r," ").concat(i?m:"")}),t.createElement("span",{className:"".concat(r," ").concat(i?m:"")})))),c.subheader),t.createElement("div",{className:"".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay"," ").concat(i?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible":""),onClick:function(){return u(!1)}}),t.createElement("aside",{className:"\n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar","\n ").concat(i?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen":"","\n ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent"},c.aside),t.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton",onClick:function(){return u(!1)},"aria-label":"Close navigation menu"},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon"}))),t.createElement("main",{className:"\n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain","\n ").concat(!p&&c.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub","\n ")},t.createElement("aside",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar"},c.aside),t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost"},t.createElement("div",{className:l},t.createElement("div",{className:"\n ".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer","\n ").concat("large"==c.layoutSize&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge","\n ")},t.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer"},t.createElement("article",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost"},t.createElement("section",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent"},c.content)),c.contentNav&&t.createElement("nav",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav"},c.contentNav)))))))}var s="XydComponents-Component-layouts__PageScroll";function y(o){var r=a(!1),m=e(r,2),l=m[0],c=m[1],i=a(0),u=e(i,2),d=u[0],p=u[1],C=a(0),_=e(C,2),L=_[0],v=_[1];function P(e){var t;if(e.target instanceof HTMLElement){var a=null===(t=e.target)||void 0===t?void 0:t.scrollTop;p(a)}}function E(e){var t;e.target instanceof HTMLElement&&v(null===(t=e.target)||void 0===t?void 0:t.scrollTop)}return n((function(){if(d!==L){var e=parseInt("40px",10)/2,t=d-L,a=Math.abs(d-L);t>e?c(!0):a>e&&c(!1)}}),[d,L]),n((function(){var e,t;if(o.subheader)return null===(e=document.querySelector(".".concat(s)))||void 0===e||e.addEventListener("scroll",P),null===(t=document.querySelector(".".concat(s)))||void 0===t||t.addEventListener("scrollend",E),function(){var e,t;null===(e=document.querySelector(".".concat(s)))||void 0===e||e.removeEventListener("scroll",P),null===(t=document.querySelector(".".concat(s)))||void 0===t||t.removeEventListener("scrollend",E)}}),[]),t.createElement("div",{className:"XydComponents-Component-layouts__LayoutHost"},t.createElement(y.Header,{className:"\n ".concat(o.subheader&&"XydComponents-Component-layouts__LayoutHeaderSub","\n ").concat(l&&"XydComponents-Component-layouts__LayoutHeaderHideMain","\n ")},o.header),t.createElement("main",{className:"\n ".concat("XydComponents-Component-layouts__LayoutMain","\n ").concat(!l&&o.subheader&&"XydComponents-Component-layouts__LayoutMainSub","\n ")},t.createElement("aside",{className:"XydComponents-Component-layouts__LayoutSidebar"},o.aside),t.createElement("div",{className:"XydComponents-Component-layouts__PageHost"},t.createElement("div",{className:s},t.createElement("div",{className:"XydComponents-Component-layouts__PageContainer"},t.createElement("div",{className:"\n ".concat("XydComponents-Component-layouts__PageArticleContainer","\n ").concat("fullwidth"==o.kind&&"XydComponents-Component-layouts__PageArticleContainerFullWidth","\n ")},t.createElement("article",{className:"XydComponents-Component-layouts__ArticleHost"},t.createElement("section",{className:"XydComponents-Component-layouts__ArticleContent"},o.content),o.contentNav&&t.createElement("nav",{className:"XydComponents-Component-layouts__ArticleNav"},o.contentNav))))))))}y.Header=function(e){var a=e.className,n=e.children;return t.createElement("header",{className:"\n ".concat("XydComponents-Component-layouts__LayoutHeader","\n ").concat(a,"\n ")},n)};export{y as Layout,c as LayoutPrimary};
2
2
  //# sourceMappingURL=layouts.js.map
package/dist/pages.js CHANGED
@@ -1,2 +1,2 @@
1
- import e from"react";import"./tslib.es6-CNVK7Xcu.js";import"@radix-ui/react-icons";import{G as t}from"./UnderlineNav-3-KptDYD.js";import{C as o,B as r}from"./CTABanner-BQx2SLf8.js";import{H as n}from"./HomeView-CHSb4HL6.js";import"./_rollupPluginBabelHelpers-D0XU6lDu.js";import"@radix-ui/react-tabs";import"lucide-react";function i(t){var o;return e.createElement(n,{header:t.header,body:e.createElement(n.Body,null,e.createElement(l,Object.assign({},t)),(null===(o=t.hero)||void 0===o?void 0:o.actions)&&e.createElement(a,Object.assign({},t)),t.children),footer:t.footer})}function l(t){var n,i,l,a,d,c,s="string"==typeof(null===(n=t.hero)||void 0===n?void 0:n.subtitle)?t.hero.subtitle:(null===(l=null===(i=t.hero)||void 0===i?void 0:i.subtitle)||void 0===l?void 0:l.toString())||"";return e.createElement(o,null,e.createElement(o.Heading,{title:(null===(a=t.hero)||void 0===a?void 0:a.text)||"",subtitle:s}),(null===(d=null==t?void 0:t.hero)||void 0===d?void 0:d.actions)&&e.createElement(o.ButtonGroup,null,null===(c=null==t?void 0:t.hero)||void 0===c?void 0:c.actions.map((function(t,o){return e.createElement("a",{href:t.href},e.createElement(r,{key:t.text+o,kind:t.kind},t.text))}))))}function a(o){var r;return e.createElement("div",{className:"\n ".concat("XydComponents-Component-pages-HomePage__HomePageCardsHost","\n xyd_page-comp-homepage-cards\n ")},null===(r=o.features)||void 0===r?void 0:r.map((function(o,r){return e.createElement(t,{key:o.title+r,href:o.href||"",title:o.title,icon:o.icon,kind:"secondary",size:"md"},o.description)})))}export{i as HomePage};
1
+ import e from"react";import"./tslib.es6-BI9zka_a.js";import"@radix-ui/react-icons";import{G as t}from"./UnderlineNav-9lJPvnIp.js";import{C as o,B as r}from"./CTABanner-n3vc4xW5.js";import{H as n}from"./HomeView-TDx2tcP_.js";import"./_rollupPluginBabelHelpers-C8nLsqZ7.js";import"@radix-ui/react-tabs";import"lucide-react";function i(t){var o;return e.createElement(n,{header:t.header,body:e.createElement(n.Body,null,e.createElement(l,Object.assign({},t)),(null===(o=t.hero)||void 0===o?void 0:o.actions)&&e.createElement(a,Object.assign({},t)),t.children),footer:t.footer})}function l(t){var n,i,l,a,d,c,s="string"==typeof(null===(n=t.hero)||void 0===n?void 0:n.subtitle)?t.hero.subtitle:(null===(l=null===(i=t.hero)||void 0===i?void 0:i.subtitle)||void 0===l?void 0:l.toString())||"";return e.createElement(o,null,e.createElement(o.Heading,{title:(null===(a=t.hero)||void 0===a?void 0:a.text)||"",subtitle:s}),(null===(d=null==t?void 0:t.hero)||void 0===d?void 0:d.actions)&&e.createElement(o.ButtonGroup,null,null===(c=null==t?void 0:t.hero)||void 0===c?void 0:c.actions.map((function(t,o){return e.createElement("a",{href:t.href},e.createElement(r,{key:t.text+o,kind:t.kind},t.text))}))))}function a(o){var r;return e.createElement("div",{className:"\n ".concat("XydComponents-Component-pages-HomePage__HomePageCardsHost","\n xyd_page-comp-homepage-cards\n ")},null===(r=o.features)||void 0===r?void 0:r.map((function(o,r){return e.createElement(t,{key:o.title+r,href:o.href||"",title:o.title,icon:o.icon,kind:"secondary",size:"md"},o.description)})))}export{i as HomePage};
2
2
  //# sourceMappingURL=pages.js.map
package/dist/{tslib.es6-BBkx4Se1.js → tslib.es6-BI9zka_a.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  function t(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]])}return e}function n(t,n,e,r){return new(e||(e=Promise))((function(o,c){function p(t){try{f(r.next(t))}catch(t){c(t)}}function a(t){try{f(r.throw(t))}catch(t){c(t)}}function f(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(p,a)}f((r=r.apply(t,n||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;export{t as _,n as a};
2
- //# sourceMappingURL=tslib.es6-BBkx4Se1.js.map
2
+ //# sourceMappingURL=tslib.es6-BI9zka_a.js.map