@xyd-js/storybook 0.0.1-build.167

package/storybook-static/assets/Text-BAwif7rv-BYvLGGQV.js

@@ -0,0 +1,31 @@
+import{r as m,e as t}from"./index-CzKwSnp0.js";import{s as N,A as S,a as re}from"./Button-Cj99tk5U-Cn0Wrqkw.js";import{d as b}from"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import{R,L as T,T as A,C as Z}from"./index-DUCcPMOf.js";/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ae=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),q=(...e)=>e.filter((n,r,a)=>!!n&&a.indexOf(n)===r).join(" ");/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var le={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ce=m.forwardRef(({color:e="currentColor",size:n=24,strokeWidth:r=2,absoluteStrokeWidth:a,className:c="",children:l,iconNode:i,...o},s)=>m.createElement("svg",{ref:s,...le,width:n,height:n,stroke:e,strokeWidth:a?Number(r)*24/Number(n):r,className:q("lucide",c),...o},[...i.map(([d,f])=>m.createElement(d,f)),...Array.isArray(l)?l:[l]]));/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $=(e,n)=>{const r=m.forwardRef(({className:a,...c},l)=>m.createElement(ce,{ref:l,iconNode:n,className:q(`lucide-${ae(e)}`,a),...c}));return r.displayName=`${e}`,r};/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const oe=$("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ie=$("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);var H="a1cbq3a5",W=m.forwardRef(function(e,n){var r=e.href,a=r===void 0?"":r,c=e.children,l=e.newWindow,i=e.as,o=N(e,["href","children","newWindow","as"]),s=i||se;return l?t.createElement(s,Object.assign({ref:n,href:a,target:"_blank",rel:"noreferrer",className:H},o),c):t.createElement(s,Object.assign({ref:n,className:H,href:a||void 0},o),c)});function se(e){var n=e.children,r=N(e,["children"]);return t.createElement("a",Object.assign({},r),n)}W.displayName="Anchor";function D(e){var n=e.className,r=e.children,a=e.size,c=a===void 0?"sm":a,l=e.kind,i=l===void 0?"default":l;return t.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(n||""),"data-size":c,"data-kind":i},t.createElement("span",{part:"child"},r))}function _(e){var n=F(e.store,e.label),r=n.isVisible,a=n.handleClose,c=function(){var i;a(),(i=e.onClose)===null||i===void 0||i.call(e)};if(!r)return null;if(e.kind==="secondary")return t.createElement(_.Secondary,Object.assign({},e,{onClose:c}));var l=null;return e.icon&&(l=typeof e.icon=="string"?t.createElement(S,{name:e.icon,size:16}):e.icon),t.createElement("xyd-banner",{className:"bacjk89"},t.createElement("div",{part:"content"},t.createElement("a",{href:e.href,target:"_blank"},l,e.children,e.label?t.createElement("span",{part:"info"},e.label):null,e.href?t.createElement("svg",{viewBox:"0 0 20 20",style:{width:20,height:20}},t.createElement("path",{fillRule:"evenodd",d:"M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"})):null)),e.store?t.createElement("div",{part:"close"},t.createElement(G,{onClick:c})):null)}function F(e,n){var r=m.useState(!0),a=b(r,2),c=a[0],l=a[1];return m.useEffect(function(){if(e){var i="xyd-banner-closed-".concat(n||"default"),o=localStorage.getItem(i);if(o){var s=Date.now(),d=parseInt(o)<=s;l(d)}}},[e,n]),{isVisible:c,handleClose:function(){if(e){var i="xyd-banner-closed-".concat(n||"default"),o=Date.now()+1e3*e;localStorage.setItem(i,o.toString())}l(!1)}}}function G(e){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",onClick:e.onClick},t.createElement("path",{d:"M18 6 6 18"}),t.createElement("path",{d:"m6 6 12 12"}))}_.Secondary=function(e){var n=F(e.store,e.label),r=n.isVisible,a=n.handleClose;if(!r)return null;var c=null;return e.label&&(c=t.createElement(re,{size:"sm",kind:"secondary"},e.label)),t.createElement("xyd-banner",{"data-kind":"secondary",className:"b1wuahng"},e.children,c,t.createElement("div",{part:"close"},t.createElement(G,{onClick:function(){var l;a(),(l=e.onClose)===null||l===void 0||l.call(e)}})))};function I(e){var n=e.children,r=e.href,a=e.icon,c=e.title,l=e.kind,i=e.size,o=e.className,s=e.as||me,d=a&&typeof a=="string"?t.createElement(S,{name:a}):a;return t.createElement("xyd-guidecard",{className:"".concat("gilz89t"," ").concat(o||""),"data-kind":l,"data-size":i},t.createElement(s,{part:"link",href:r},t.createElement("div",{part:"item"},d&&t.createElement("div",{part:"icon"},d),t.createElement("div",{part:"right"},c&&t.createElement(I.Title,null,c),t.createElement("div",{part:"body"},n)))))}function ue(){return t.createElement("div",{part:"pointer"},t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},t.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function me(e){var n=e.href,r=e.children,a=N(e,["href","children"]);return t.createElement("a",Object.assign({href:n},a),r)}I.Title=function(e){var n=e.children;return t.createElement("div",{part:"title"},t.createElement("div",{part:"title-body"},n),t.createElement(ue,null))},I.List=function(e){var n=e.children;return t.createElement("xyd-guidecard-list",{className:"g1rnhmpa"},n)};function Y(e){var n=e.children,r=e.size,a=r===void 0?1:r,c=e.as,l=e.id,i=e.onClick,o=e.className,s=e.kind,d=e.active,f=e.label,p=e.subtitle,g=e.noanchor,E=e.ref,w=e.style,h=c||"h".concat(a);return t.createElement(t.Fragment,null,t.createElement(h,{style:w||void 0,className:" ".concat("h1tn40xd","  ").concat(o||""),"data-size":a,"data-kind":s,"data-has-label":f?"true":"false","data-noanchor":String(g||"false"),"data-active":String(d||"false"),onClick:g?void 0:i,id:l,ref:E},n,f&&t.createElement(D,{size:"sm"},f),l&&!g&&t.createElement(de,null)),p?t.createElement(Y,Object.assign({},e,{size:4,kind:"muted",subtitle:void 0,label:void 0}),p):null)}function de(){return t.createElement("svg",{part:"icon",xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",role:"presentation"},t.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 u(e){var n=e.kind,r=N(e,["kind"]);switch(n){case"x":return t.createElement(u.Twitter,Object.assign({},r));case"facebook":return t.createElement(u.Facebook,Object.assign({},r));case"youtube":return t.createElement(u.Youtube,Object.assign({},r));case"discord":return t.createElement(u.Discord,Object.assign({},r));case"slack":return t.createElement(u.Slack,Object.assign({},r));case"github":return t.createElement(u.Github,Object.assign({},r));case"linkedin":return t.createElement(u.Linkedin,Object.assign({},r));case"instagram":return t.createElement(u.Intagram,Object.assign({},r));case"hackernews":return t.createElement(u.HackerNews,Object.assign({},r));case"medium":return t.createElement(u.Medium,Object.assign({},r));case"telegram":return t.createElement(u.Telegram,Object.assign({},r));case"bluesky":return t.createElement(u.Bluesky,Object.assign({},r));case"reddit":return t.createElement(u.Reddit,Object.assign({},r))}return null}u.Twitter=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"}))},u.Facebook=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"}))},u.Youtube=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 576 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}))},u.Discord=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 640 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"}))},u.Slack=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"}))},u.Github=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 496 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"}))},u.Linkedin=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}))},u.Intagram=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"}))},u.HackerNews=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M0 32v448h448V32H0zm21.2 197.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z"}))},u.Medium=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 640 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"}))},u.Telegram=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 496 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"}))},u.Bluesky=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 576 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"}))},u.Reddit=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},e),t.createElement("path",{d:"M0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256L37.1 512c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256zM349.6 153.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4l0 .2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1l0-.2c0-25.4 18.9-46.5 43.4-49.9l0 0c4.4 18.8 21.3 32.8 41.5 32.8zM177.1 246.9c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5s15.4-38.3 32.1-38.3zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6c-1-21.7 11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9 .8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1 .3 5.1 3.6 3.9 6.5z"}))};var P="labae1k",fe="i13ytyvq";function K(e){var n=e.children;return t.createElement("ul",{className:P},n)}function pe(e){var n=e.children;return t.createElement("ol",{className:P},n)}K.Item=function(e){var n=e.children;return t.createElement("li",{className:fe},n)};function he(e){var n=e.as||ve;return t.createElement("xyd-navlinks",{className:"".concat("n1xhrk1"," ").concat(e.className||"")},e.prev?t.createElement(n,{href:e.prev.href,title:e.prev.title,part:"link"},t.createElement(Ee,{part:"icon"}),e.prev.title):t.createElement("div",null),e.next&&t.createElement(n,{href:e.next.href,title:e.next.title,part:"link"},e.next.title,t.createElement(ge,{part:"icon"})))}function ve(e){var n=e.children,r=N(e,["children"]);return t.createElement("a",Object.assign({},r),n)}function ge(e){return t.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function Ee(e){return t.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function U(e){var n=e.children,r=e.className,a=e.kind;return t.createElement("xyd-steps",{"data-kind":a,className:"".concat("s3kfd8c"," ").concat(r||"")},t.createElement("ol",null,n))}U.Item=function(e){var n=e.children,r=e.icon,a=e.title,c=e.className,l=typeof r=="string"?t.createElement(S,{name:r}):r;return t.createElement("xyd-steps-item",{className:"".concat("s1et872q"," ").concat(c||""),"data-numeric":r?void 0:"true"},t.createElement("li",null,a&&t.createElement("span",{part:"title"},a),n,l&&t.createElement("span",{part:"step"},l)))};var we="h14vj3ri",be="t1l6tz9b",ye="thzxr0l",Ce="t1g1altt",ke="tdsg57t",xe="th2d3qd",Ne="c8pe5i8";function C(e){var n=e.children,r=e.className;return t.createElement("table",{className:"".concat(we," ").concat(r||"")},n)}C.Head=function(e){var n=e.children;return t.createElement("thead",{className:be},n)},C.Th=function(e){var n=e.children,r=e.numeric;return t.createElement("th",{className:"".concat(Ce," ").concat(r?"numeric":"")},n)},C.Tr=function(e){var n=e.children;return t.createElement("tr",{className:ke},n)},C.Body=function(e){var n=e.children;return t.createElement("tbody",{className:ye},n)},C.Td=function(e){var n=e.children,r=e.numeric,a=e.muted;return t.createElement("td",{className:"".concat(xe," ").concat(r?"numeric":""," ").concat(a?"muted":"")},n)},C.Cell=function(e){var n=e.children;return t.createElement("xyd-table-cell",{className:Ne},t.createElement("div",{part:"child"},n))};function J(e,n,r){var a=e!==void 0&&n!==void 0,c=m.useState(r.length>0&&t.isValidElement(r[0])?r[0].props.value:""),l=b(c,2),i=l[0],o=l[1],s=a?e:i,d=m.useRef(s),f=m.useState("forward"),p=b(f,2),g=p[0],E=p[1];return[g,s,function(w){var h=r.findIndex(function(y){return t.isValidElement(y)&&y.props.value===d.current}),L=r.findIndex(function(y){return t.isValidElement(y)&&y.props.value===w});E(L>h?"forward":"backward"),d.current=w,a||o(w),n&&n(w)}]}var Q=m.createContext({direction:"forward"});function k(e){var n=e.children,r=e.value,a=e.onChange,c=e.slide,l=c===void 0||c,i=e.className,o=t.Children.toArray(n),s=o.filter(function(h){return t.isValidElement(h)&&(h.type===k.Item||typeof h.type=="function"&&"displayName"in h.type&&h.type.displayName==="Tabs.Item")}),d=o.filter(function(h){return!t.isValidElement(h)||h.type!==k.Item&&!(typeof h.type=="function"&&"displayName"in h.type&&h.type.displayName==="Tabs.Item")}),f=J(r,a,s),p=b(f,3),g=p[0],E=p[1],w=p[2];return t.createElement(Q.Provider,{value:{direction:g}},t.createElement(R,{value:E,onValueChange:w},t.createElement("xyd-tabs",{className:"".concat("tk0mvkq"," ").concat(i||"")},t.createElement("nav",{part:"nav"},t.createElement(T,{asChild:!0},t.createElement("ul",{part:"list"},s))),t.createElement("div",{part:"content","data-slide":l?"true":"false"},d))))}function ze(e){var n=N(e,[]);return t.createElement("a",Object.assign({},n),n.children)}k.Item=function(e){var n=e.children,r=e.value,a=e.href,c=e.as,l=e.defaultActive,i=c||ze,o=typeof l=="boolean",s=m.useState(o?l?"active":"inactive":void 0),d=b(s,2),f=d[0],p=d[1],g=o&&f!=null?{"data-state":f}:void 0;return m.useEffect(function(){o&&p(void 0)},[]),t.createElement(A,Object.assign({value:r,asChild:!0},g),t.createElement("li",{part:"item"},t.createElement(i,{part:"link",href:a},n)))},k.Content=function(e){var n=e.children,r=e.value,a=e.defaultActive,c=m.useContext(Q).direction,l=typeof a=="boolean",i=m.useState(l?a?"active":"inactive":void 0),o=b(i,2),s=o[0],d=o[1],f=l&&s!=null?{"data-state":s}:void 0;return m.useEffect(function(){l&&d(void 0)},[]),t.createElement(Z,Object.assign({value:r,forceMount:!0,asChild:!0},f),t.createElement("div",{className:"t1o9m54","data-direction":c},t.createElement("div",{part:"child"},n)))};function x(e){var n=e.children,r=e.value,a=e.onChange,c=e.className,l=m.useState(!1),i=b(l,2),o=i[0],s=i[1],d=m.useState(!1),f=b(d,2),p=f[0],g=f[1],E=m.useRef(null),w=t.Children.toArray(n),h=w.filter(function(v){return t.isValidElement(v)&&(v.type===x.Item||typeof v.type=="function"&&"displayName"in v.type&&v.type.displayName==="Tabs.Item")}),L=w.filter(function(v){return!t.isValidElement(v)||v.type!==x.Item&&!(typeof v.type=="function"&&"displayName"in v.type&&v.type.displayName==="Tabs.Item")}),y=J(r,a,h),V=b(y,3);V[0];var X=V[1],ee=V[2],j=function(){if(E.current){var v=E.current,O=v.scrollLeft,te=v.scrollWidth,ne=v.clientWidth;s(O>0),g(O<te-ne)}};m.useEffect(function(){return j(),window.addEventListener("resize",j),function(){return window.removeEventListener("resize",j)}},[]);var B=function(v){if(E.current){var O=v==="left"?-200:200;E.current.scrollBy({left:O,behavior:"smooth"})}};return t.createElement(R,{asChild:!0,value:X,onValueChange:ee},t.createElement("xyd-tabs",{"data-kind":"secondary",className:"".concat("t1gurlv3"," ").concat(c||"")},t.createElement("div",{part:"buttons"},o&&t.createElement("button",{onClick:function(){return B("left")},part:"arrow"},t.createElement(oe,{part:"arrow-icon"})),t.createElement("div",{ref:E,onScroll:j,part:"scroller"},t.createElement("div",{part:"scroller-container"},t.createElement(T,null,h))),p&&t.createElement("button",{onClick:function(){return B("right")},part:"arrow"},t.createElement(ie,{part:"arrow-icon"}))),t.createElement("div",{part:"content"},L)))}function je(e){var n=N(e,[]);return t.createElement("a",Object.assign({},n),n.children)}x.Item=function(e){var n=e.children,r=e.value,a=e.href,c=e.as,l=e.defaultActive,i=c||je,o=typeof l=="boolean",s=m.useState(o?l?"active":"inactive":void 0),d=b(s,2),f=d[0],p=d[1],g=o&&f!=null?{"data-state":f}:void 0;return m.useEffect(function(){o&&p(void 0)},[]),t.createElement(A,Object.assign({className:"tulm1r6",value:r,asChild:!0},g),t.createElement("div",null,t.createElement(i,{href:a},n)))},x.Content=function(e){var n=e.children,r=e.value;return t.createElement(Z,{asChild:!0,value:r},t.createElement("div",null,n))};var M=m.createContext({kind:null});function z(e){return e.kind==="secondary"?t.createElement(M,{value:{kind:"secondary"}},t.createElement(x,Object.assign({},e))):t.createElement(M,{value:{}},t.createElement(k,Object.assign({},e)))}z.Item=function(e){return m.useContext(M).kind==="secondary"?t.createElement(x.Item,Object.assign({},e)):t.createElement(k.Item,Object.assign({},e))},z.Item.displayName="Tabs.Item",z.Content=function(e){return m.useContext(M).kind==="secondary"?t.createElement(x.Content,Object.assign({},e)):t.createElement(k.Content,Object.assign({},e))},z.Content.displayName="Tabs.Content";var Oe="VideoGuide-module_VideoPlayerHost__wcML-";function Ie(){return null}function Me(){return t.createElement("svg",{"aria-hidden":"true",height:32,width:32,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 14.25A6.25 6.25 0 0 0 14.25 8 6.242 6.242 0 0 0 8 1.75 6.25 6.25 0 0 0 1.75 8 6.25 6.25 0 0 0 8 14.25ZM8 16a8 8 0 0 0 8-8c0-4.419-3.57-8-8-8a8 8 0 0 0-8 8 8 8 0 0 0 8 8Z"}),t.createElement("path",{d:"M10.817 7.659A.415.415 0 0 1 11 8a.415.415 0 0 1-.183.341L7.242 10.91c-.305.218-.742.02-.742-.34V5.431c0-.36.437-.56.742-.341l3.575 2.568Z"}))}Ie.Miniature=function(e){var n=e.videoSrc,r=e.description,a=r===void 0?"Watch the video guide":r;return t.createElement("xyd-videoguide-miniature",{className:"".concat(Oe," ").concat(e.className||"")},t.createElement("div",{part:"shape"},t.createElement("div",{part:"frame"},t.createElement("iframe",{width:"100%",height:"100%",allow:"autoplay; fullscreen",src:n}),t.createElement("div",{part:"thumbnail"})),t.createElement("div",{part:"cover"},t.createElement("div",{part:"controls"},t.createElement("button",{part:"button",type:"button"},t.createElement("div",{"aria-hidden":"true",part:"icon"},t.createElement(Me,null)),t.createElement("div",{part:"description-container"},t.createElement("span",{part:"description"},a)))))))};W.__docgenInfo={description:"",methods:[],displayName:"Anchor"};D.__docgenInfo={description:"",methods:[],displayName:"g"};I.__docgenInfo={description:"",methods:[{name:"Title",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"List",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"C"};Y.__docgenInfo={description:"",methods:[],displayName:"k"};u.__docgenInfo={description:"",methods:[{name:"Twitter",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Facebook",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Youtube",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Discord",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Slack",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Github",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Linkedin",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Intagram",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"HackerNews",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Medium",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Telegram",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Bluesky",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Reddit",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"j"};K.__docgenInfo={description:"",methods:[{name:"Item",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"M"};he.__docgenInfo={description:"",methods:[],displayName:"L"};U.__docgenInfo={description:"",methods:[{name:"Item",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"S"};C.__docgenInfo={description:"",methods:[{name:"Head",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Th",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Tr",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Body",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Td",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Cell",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"D"};pe.__docgenInfo={description:"",methods:[],displayName:"V"};z.__docgenInfo={description:"",methods:[{name:"Item",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"Content",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"U"};_.__docgenInfo={description:"",methods:[{name:"Secondary",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"p"};function Le(e){var n=e.size,r=n===void 0?"medium":n,a=e.kind,c=a===void 0?"default":a,l=e.weight,i=l===void 0?"normal":l,o=e.children,s=e.className,d=e.id,f=e.onClick,p=e.as,g=(p===void 0?"p":p)||"p";return t.createElement(g,{className:"".concat("tn8a2d4"," ").concat(s||""),"data-size":r,"data-kind":c,"data-weight":i,onClick:f,id:d},o)}Le.__docgenInfo={description:"",methods:[],displayName:"i"};export{Ie as $,I as C,C as D,he as L,K as M,U as S,z as U,pe as V,oe as a,ie as b,$ as c,W as f,D as g,Le as i,u as j,Y as k,_ as p};

package/storybook-static/assets/TocCard.stories-BRB1SH6U.js

@@ -0,0 +1,299 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{l as t}from"./writer-DkrWmB39.js";import"./Text-BAwif7rv-BYvLGGQV.js";import"./index-CzKwSnp0.js";import"./Button-Cj99tk5U-Cn0Wrqkw.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";import"./Update-DflVXGGQ-qVV03FlC.js";const T={title:"Components/Writer/TocCard",component:t,parameters:{docs:{description:{component:"A server-side rendered card component for table of contents entries. Displays a title, description, and favicon for a linked resource without client-side fetching. Perfect for documentation sites, link aggregators, and resource directories."}}},argTypes:{title:{description:"The title of the linked resource",control:"text"},description:{description:"A brief description of the linked resource",control:"text"},href:{description:"The URL of the linked resource",control:"text"},className:{description:"Optional CSS class name for custom styling",control:"text"}}},o={args:{title:"Example App",description:"Explore our example app to see how the TocCard component works.",href:"https://github.com/livesession/xyd"}},s={args:{title:"API Documentation",description:"Complete reference for all available endpoints, authentication methods, and code examples.",href:"https://docs.example.com/api"},parameters:{docs:{description:{story:"Perfect for linking to documentation sections or external API docs."}}}},r={args:{title:"xyd-js/components",description:"React component library with accessible, customizable UI components for modern web applications.",href:"https://github.com/livesession/xyd"},parameters:{docs:{description:{story:"Ideal for linking to GitHub repositories with descriptive titles and summaries."}}}},i={args:{title:"Building Accessible Components",description:"Learn how to create inclusive web components that work for everyone, including users with disabilities.",href:"https://blog.example.com/accessible-components"},parameters:{docs:{description:{story:"Great for linking to blog posts, articles, and educational content."}}}},n={args:{title:"Storybook",description:"Build, document, and test UI components in isolation. The industry standard for component development.",href:"https://storybook.js.org"},parameters:{docs:{description:{story:"Perfect for linking to external tools, libraries, and services."}}}},a={args:{title:"Comprehensive Guide to Modern Web Development: From Basics to Advanced Patterns",description:"An extensive resource covering everything from HTML fundamentals to advanced React patterns, state management, performance optimization, and deployment strategies. Includes practical examples, best practices, and real-world case studies.",href:"https://example.com/web-development-guide"},parameters:{docs:{description:{story:"Shows how the component handles long titles and descriptions gracefully."}}}},c={args:{title:"Docs",description:"Documentation",href:"https://docs.example.com"},parameters:{docs:{description:{story:"Demonstrates the component with minimal content."}}}},d={render:()=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsx("h2",{style:{marginBottom:"24px"},children:"Resource Directory"}),e.jsx("p",{style:{marginBottom:"24px",color:"var(--xyd-text-color)"},children:"TocCard components are commonly used in resource directories, documentation sites, and link aggregators."}),e.jsxs("div",{style:{display:"grid",gap:"16px",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))"},children:[e.jsx(t,{title:"React Documentation",description:"Official React documentation with tutorials, API reference, and best practices.",href:"https://react.dev"}),e.jsx(t,{title:"TypeScript Handbook",description:"Comprehensive guide to TypeScript with examples and advanced type patterns.",href:"https://www.typescriptlang.org/docs"}),e.jsx(t,{title:"MDN Web Docs",description:"Complete reference for web technologies including HTML, CSS, and JavaScript.",href:"https://developer.mozilla.org"}),e.jsx(t,{title:"CSS-Tricks",description:"Tips, tricks, and techniques for CSS, JavaScript, and web development.",href:"https://css-tricks.com"}),e.jsx(t,{title:"Stack Overflow",description:"Community-driven Q&A platform for programmers and developers.",href:"https://stackoverflow.com"}),e.jsx(t,{title:"GitHub",description:"Platform for version control and collaboration on software projects.",href:"https://github.com"})]})]}),parameters:{docs:{description:{story:"This example shows how TocCard components are typically used in real applications like resource directories and documentation sites."}}}},p={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsxs("div",{style:{background:"var(--xyd-bgcolor)",border:"1px solid var(--xyd-border-color)",borderRadius:"8px",padding:"20px",marginBottom:"20px"},children:[e.jsx("h3",{style:{marginBottom:"16px"},children:"TocCard Component Demo"}),e.jsx("p",{style:{marginBottom:"16px",color:"var(--xyd-text-color)"},children:"This example demonstrates the TocCard component with various content types and use cases."}),e.jsxs("div",{style:{display:"grid",gap:"16px",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))"},children:[e.jsx(t,{title:"Component Library",description:"A collection of reusable UI components for building modern web applications.",href:"https://example.com/components"}),e.jsx(t,{title:"Design System",description:"Comprehensive design tokens, patterns, and guidelines for consistent UI.",href:"https://example.com/design-system"})]})]}),e.jsxs("div",{style:{background:"var(--xyd-bgcolor)",border:"1px solid var(--xyd-border-color)",borderRadius:"8px",padding:"20px"},children:[e.jsx("h4",{style:{marginBottom:"12px"},children:"Usage Guidelines"}),e.jsxs("ul",{style:{color:"var(--xyd-text-color)"},children:[e.jsx("li",{children:"Use descriptive titles that clearly indicate the linked content"}),e.jsx("li",{children:"Provide concise but informative descriptions"}),e.jsx("li",{children:"Ensure URLs are valid and accessible"}),e.jsx("li",{children:"Consider the user's context when writing descriptions"}),e.jsx("li",{children:"Use consistent formatting across multiple cards"}),e.jsx("li",{children:"Test with various content lengths"})]})]})]}),parameters:{docs:{description:{story:"This interactive example demonstrates the TocCard component functionality and usage guidelines."}}}},l={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsx("h2",{style:{marginBottom:"24px"},children:"Resource Grid"}),e.jsx("p",{style:{marginBottom:"24px",color:"var(--xyd-text-color)"},children:"TocCard components work well in responsive grid layouts for organizing multiple resources."}),e.jsxs("div",{style:{display:"grid",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(280px, 1fr))"},children:[e.jsx(t,{title:"Getting Started",description:"Quick start guide for new users with setup instructions and basic examples.",href:"https://docs.example.com/getting-started"}),e.jsx(t,{title:"API Reference",description:"Complete API documentation with all available endpoints and parameters.",href:"https://docs.example.com/api"}),e.jsx(t,{title:"Examples",description:"Real-world examples and code samples for common use cases.",href:"https://docs.example.com/examples"}),e.jsx(t,{title:"Tutorials",description:"Step-by-step tutorials covering various topics and skill levels.",href:"https://docs.example.com/tutorials"}),e.jsx(t,{title:"Community",description:"Join our community forum for discussions, questions, and support.",href:"https://community.example.com"}),e.jsx(t,{title:"GitHub",description:"Source code, issues, and contributions on GitHub.",href:"https://github.com/example/project"})]})]}),parameters:{docs:{description:{story:"This example shows how TocCard components can be arranged in responsive grid layouts."}}}},m={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsx("h2",{style:{marginBottom:"24px"},children:"Different Content Types"}),e.jsx("p",{style:{marginBottom:"24px",color:"var(--xyd-text-color)"},children:"TocCard components can be used for various types of content and resources."}),e.jsxs("div",{style:{display:"grid",gap:"16px",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px",fontSize:"16px"},children:"Documentation"}),e.jsx(t,{title:"User Guide",description:"Comprehensive user manual with detailed instructions and troubleshooting.",href:"https://docs.example.com/user-guide"})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px",fontSize:"16px"},children:"Tools & Libraries"}),e.jsx(t,{title:"Development Tools",description:"Essential tools for modern web development workflow and debugging.",href:"https://tools.example.com"})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px",fontSize:"16px"},children:"Community"}),e.jsx(t,{title:"Discord Server",description:"Join our Discord community for real-time discussions and support.",href:"https://discord.gg/example"})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px",fontSize:"16px"},children:"Learning"}),e.jsx(t,{title:"Video Course",description:"Comprehensive video course covering all aspects of the technology.",href:"https://course.example.com"})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px",fontSize:"16px"},children:"Resources"}),e.jsx(t,{title:"Cheat Sheet",description:"Quick reference guide with common patterns and syntax.",href:"https://cheatsheet.example.com"})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px",fontSize:"16px"},children:"Support"}),e.jsx(t,{title:"Help Center",description:"Frequently asked questions and support documentation.",href:"https://help.example.com"})]})]})]}),parameters:{docs:{description:{story:"This example demonstrates how TocCard components can be used for different types of content and resources."}}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'Example App',
+    description: 'Explore our example app to see how the TocCard component works.',
+    href: 'https://github.com/livesession/xyd'
+  }
+}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'API Documentation',
+    description: 'Complete reference for all available endpoints, authentication methods, and code examples.',
+    href: 'https://docs.example.com/api'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Perfect for linking to documentation sections or external API docs.'
+      }
+    }
+  }
+}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'xyd-js/components',
+    description: 'React component library with accessible, customizable UI components for modern web applications.',
+    href: 'https://github.com/livesession/xyd'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Ideal for linking to GitHub repositories with descriptive titles and summaries.'
+      }
+    }
+  }
+}`,...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'Building Accessible Components',
+    description: 'Learn how to create inclusive web components that work for everyone, including users with disabilities.',
+    href: 'https://blog.example.com/accessible-components'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Great for linking to blog posts, articles, and educational content.'
+      }
+    }
+  }
+}`,...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'Storybook',
+    description: 'Build, document, and test UI components in isolation. The industry standard for component development.',
+    href: 'https://storybook.js.org'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Perfect for linking to external tools, libraries, and services.'
+      }
+    }
+  }
+}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'Comprehensive Guide to Modern Web Development: From Basics to Advanced Patterns',
+    description: 'An extensive resource covering everything from HTML fundamentals to advanced React patterns, state management, performance optimization, and deployment strategies. Includes practical examples, best practices, and real-world case studies.',
+    href: 'https://example.com/web-development-guide'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Shows how the component handles long titles and descriptions gracefully.'
+      }
+    }
+  }
+}`,...a.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: 'Docs',
+    description: 'Documentation',
+    href: 'https://docs.example.com'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Demonstrates the component with minimal content.'
+      }
+    }
+  }
+}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <h2 style={{
+      marginBottom: '24px'
+    }}>Resource Directory</h2>
+            <p style={{
+      marginBottom: '24px',
+      color: 'var(--xyd-text-color)'
+    }}>
+                TocCard components are commonly used in resource directories, documentation sites, and link aggregators.
+            </p>
+            
+            <div style={{
+      display: 'grid',
+      gap: '16px',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))'
+    }}>
+                <TocCard title="React Documentation" description="Official React documentation with tutorials, API reference, and best practices." href="https://react.dev" />
+                
+                <TocCard title="TypeScript Handbook" description="Comprehensive guide to TypeScript with examples and advanced type patterns." href="https://www.typescriptlang.org/docs" />
+                
+                <TocCard title="MDN Web Docs" description="Complete reference for web technologies including HTML, CSS, and JavaScript." href="https://developer.mozilla.org" />
+                
+                <TocCard title="CSS-Tricks" description="Tips, tricks, and techniques for CSS, JavaScript, and web development." href="https://css-tricks.com" />
+                
+                <TocCard title="Stack Overflow" description="Community-driven Q&A platform for programmers and developers." href="https://stackoverflow.com" />
+                
+                <TocCard title="GitHub" description="Platform for version control and collaboration on software projects." href="https://github.com" />
+            </div>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example shows how TocCard components are typically used in real applications like resource directories and documentation sites.'
+      }
+    }
+  }
+}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <div style={{
+      background: 'var(--xyd-bgcolor)',
+      border: '1px solid var(--xyd-border-color)',
+      borderRadius: '8px',
+      padding: '20px',
+      marginBottom: '20px'
+    }}>
+                <h3 style={{
+        marginBottom: '16px'
+      }}>TocCard Component Demo</h3>
+                <p style={{
+        marginBottom: '16px',
+        color: 'var(--xyd-text-color)'
+      }}>
+                    This example demonstrates the TocCard component with various content types and use cases.
+                </p>
+                
+                <div style={{
+        display: 'grid',
+        gap: '16px',
+        gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))'
+      }}>
+                    <TocCard title="Component Library" description="A collection of reusable UI components for building modern web applications." href="https://example.com/components" />
+                    
+                    <TocCard title="Design System" description="Comprehensive design tokens, patterns, and guidelines for consistent UI." href="https://example.com/design-system" />
+                </div>
+            </div>
+
+            <div style={{
+      background: 'var(--xyd-bgcolor)',
+      border: '1px solid var(--xyd-border-color)',
+      borderRadius: '8px',
+      padding: '20px'
+    }}>
+                <h4 style={{
+        marginBottom: '12px'
+      }}>Usage Guidelines</h4>
+                <ul style={{
+        color: 'var(--xyd-text-color)'
+      }}>
+                    <li>Use descriptive titles that clearly indicate the linked content</li>
+                    <li>Provide concise but informative descriptions</li>
+                    <li>Ensure URLs are valid and accessible</li>
+                    <li>Consider the user's context when writing descriptions</li>
+                    <li>Use consistent formatting across multiple cards</li>
+                    <li>Test with various content lengths</li>
+                </ul>
+            </div>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This interactive example demonstrates the TocCard component functionality and usage guidelines.'
+      }
+    }
+  }
+}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <h2 style={{
+      marginBottom: '24px'
+    }}>Resource Grid</h2>
+            <p style={{
+      marginBottom: '24px',
+      color: 'var(--xyd-text-color)'
+    }}>
+                TocCard components work well in responsive grid layouts for organizing multiple resources.
+            </p>
+            
+            <div style={{
+      display: 'grid',
+      gap: '20px',
+      gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))'
+    }}>
+                <TocCard title="Getting Started" description="Quick start guide for new users with setup instructions and basic examples." href="https://docs.example.com/getting-started" />
+                
+                <TocCard title="API Reference" description="Complete API documentation with all available endpoints and parameters." href="https://docs.example.com/api" />
+                
+                <TocCard title="Examples" description="Real-world examples and code samples for common use cases." href="https://docs.example.com/examples" />
+                
+                <TocCard title="Tutorials" description="Step-by-step tutorials covering various topics and skill levels." href="https://docs.example.com/tutorials" />
+                
+                <TocCard title="Community" description="Join our community forum for discussions, questions, and support." href="https://community.example.com" />
+                
+                <TocCard title="GitHub" description="Source code, issues, and contributions on GitHub." href="https://github.com/example/project" />
+            </div>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example shows how TocCard components can be arranged in responsive grid layouts.'
+      }
+    }
+  }
+}`,...l.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <h2 style={{
+      marginBottom: '24px'
+    }}>Different Content Types</h2>
+            <p style={{
+      marginBottom: '24px',
+      color: 'var(--xyd-text-color)'
+    }}>
+                TocCard components can be used for various types of content and resources.
+            </p>
+            
+            <div style={{
+      display: 'grid',
+      gap: '16px',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))'
+    }}>
+                <div>
+                    <h3 style={{
+          marginBottom: '12px',
+          fontSize: '16px'
+        }}>Documentation</h3>
+                    <TocCard title="User Guide" description="Comprehensive user manual with detailed instructions and troubleshooting." href="https://docs.example.com/user-guide" />
+                </div>
+                
+                <div>
+                    <h3 style={{
+          marginBottom: '12px',
+          fontSize: '16px'
+        }}>Tools & Libraries</h3>
+                    <TocCard title="Development Tools" description="Essential tools for modern web development workflow and debugging." href="https://tools.example.com" />
+                </div>
+                
+                <div>
+                    <h3 style={{
+          marginBottom: '12px',
+          fontSize: '16px'
+        }}>Community</h3>
+                    <TocCard title="Discord Server" description="Join our Discord community for real-time discussions and support." href="https://discord.gg/example" />
+                </div>
+                
+                <div>
+                    <h3 style={{
+          marginBottom: '12px',
+          fontSize: '16px'
+        }}>Learning</h3>
+                    <TocCard title="Video Course" description="Comprehensive video course covering all aspects of the technology." href="https://course.example.com" />
+                </div>
+                
+                <div>
+                    <h3 style={{
+          marginBottom: '12px',
+          fontSize: '16px'
+        }}>Resources</h3>
+                    <TocCard title="Cheat Sheet" description="Quick reference guide with common patterns and syntax." href="https://cheatsheet.example.com" />
+                </div>
+                
+                <div>
+                    <h3 style={{
+          marginBottom: '12px',
+          fontSize: '16px'
+        }}>Support</h3>
+                    <TocCard title="Help Center" description="Frequently asked questions and support documentation." href="https://help.example.com" />
+                </div>
+            </div>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example demonstrates how TocCard components can be used for different types of content and resources.'
+      }
+    }
+  }
+}`,...m.parameters?.docs?.source}}};const j=["Default","Documentation","GitHubRepository","BlogPost","ExternalTool","LongContent","ShortContent","RealWorldExamples","Interactive","GridLayout","ContentTypes"];export{i as BlogPost,m as ContentTypes,o as Default,s as Documentation,n as ExternalTool,r as GitHubRepository,l as GridLayout,p as Interactive,a as LongContent,d as RealWorldExamples,c as ShortContent,j as __namedExportsOrder,T as default};

package/storybook-static/assets/Update-DflVXGGQ-qVV03FlC.js

@@ -0,0 +1 @@
+import{e,r as s}from"./index-CzKwSnp0.js";import{s as g,a as w}from"./Button-Cj99tk5U-Cn0Wrqkw.js";import{g as k,i as m}from"./Text-BAwif7rv-BYvLGGQV.js";import{d as f}from"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";function L(t){var r=t.className,a=t.children;return e.createElement("blockquote",{className:"".concat("b1wifk81"," ").concat(r||"")},e.createElement(y,null),e.createElement("div",null,a))}function y(t){return e.createElement("svg",Object.assign({width:15,height:11,viewBox:"0 0 15 11",xmlns:"http://www.w3.org/2000/svg",part:"quote"},t),e.createElement("path",{d:"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z",fillRule:"nonzero"}))}function M(t){var r=t.className,a=t.items,c=t.as||x;return e.createElement("xyd-breadcrumbs",{className:"".concat("bwgsk4h"," ").concat(r||"")},a.map(function(n,o){var l=o===a.length-1;return e.createElement(s.Fragment,{key:n.href+n.title},o>0&&e.createElement(b,null),e.createElement("div",{part:"item","data-active":l?"true":"false"},n.href&&!l?e.createElement(c,{href:n.href},n.title):n.title))}))}function b(){return e.createElement("span",{part:"icon"},"/")}function x(t){var r=t.href,a=t.children,c=g(t,["href","children"]);return e.createElement("a",Object.assign({href:r},c),a)}function N(t){var r,a=t.className,c=t.children,n=t.kind;switch(n){case"tip":r=e.createElement(C,null);break;case"check":r=e.createElement(j,null);break;case"warning":r=e.createElement(W,null);break;case"danger":r=e.createElement(z,null);break;case"note":r=e.createElement(B,null);break;default:r=e.createElement(_,null)}return e.createElement("xyd-callout",{"data-kind":n,className:"".concat("chnegou"," ").concat(a||"")},e.createElement("div",{part:"icon"},r),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},c)))}function _(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",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 C(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},e.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5},e.createElement("path",{d:"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788"}),e.createElement("path",{d:"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835"})))}function j(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"currentColor",d:"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"}))}function W(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"-2 -3 24 24"},e.createElement("path",{fill:"currentColor",d:"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"}))}function z(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5"}))}function B(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("g",{className:"pin-outline"},e.createElement("g",{fill:"currentColor",fillRule:"evenodd",className:"Vector",clipRule:"evenodd"},e.createElement("path",{d:"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1"}),e.createElement("path",{d:"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007"}),e.createElement("path",{d:"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007"}))))}function q(t){var r=t.title,a=t.description,c=t.imgSrc,n=t.imgAlt,o=t.shadow,l=t.href,i=t.link;return e.createElement("xyd-card",{"data-shadow":o||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:n}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},i&&l?e.createElement(m,{weight:"bold"},e.createElement(i,{href:l},r)):e.createElement(m,{weight:"bold"},r),e.createElement(w,{size:"sm",kind:"secondary"},"Source")),e.createElement("div",{part:"description"},e.createElement(m,{size:"small"},a))))}function A(t){var r=t.className,a=t.children;return e.createElement("code",{className:"".concat("c1w59zdn"," ").concat(r||"")},e.createElement("span",{part:"content"},a))}function I(){var t=H(),r=f(t,2),a=r[0],c=r[1];return e.createElement(w,{size:"sm",theme:"ghost",icon:a==="dark"?e.createElement(V,null):e.createElement(S,null),onClick:c})}function H(){var t=s.useState(null),r=f(t,2),a=r[0],c=r[1];return s.useEffect(function(){var n=function(){var i=document.querySelector("html");if(i){var h=i.getAttribute("data-color-scheme")||"os";if(h==="os"){var u=E()||"light";c(u),d(u)}else{var p=h;c(p),d(p)}}};n();var o=new MutationObserver(n),l=document.querySelector("html");return l&&o.observe(l,{attributes:!0,attributeFilter:["data-color-scheme"]}),function(){return o.disconnect()}},[]),[a,function(){var n="",o=E();o&&(n=o==="dark"?"light":"dark");var l=document.querySelector("html");if(l){var i=l.getAttribute("data-color-scheme");i&&i!=="os"&&(n=i==="dark"?"light":"dark"),n||(n="light"),l.setAttribute("data-color-scheme",n),localStorage.setItem("xyd-color-scheme",n),d(n)}}]}function d(t){var r=document.querySelector("style[data-color-scheme-style]");r||((r=document.createElement("style")).setAttribute("data-color-scheme-style","true"),document.head.appendChild(r)),r.textContent=":root { color-scheme: ".concat(t,"; }")}function E(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function S(){return e.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_2880_7340)"},e.createElement("path",{d:"M8 1.11133V2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 3.12891L12.2427 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M14.8889 8H14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 12.8711L12.2427 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8 14.8889V14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 12.8711L3.75735 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.11133 8H2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 3.12891L3.75735 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_2880_7340"},e.createElement("rect",{width:16,height:16,fill:"white"}))))}function V(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}function Z(t){var r,a=t.children,c=t.label,n=["secondary","tertiary"].includes(t.kind||"");n&&"title"in t&&(r=t.title);var o=t.kind||"primary";return e.createElement("details",{part:"details",className:"".concat("dwmojve"," ").concat(t.className||""),"data-kind":t.kind},e.createElement("summary",{part:"summary"},o==="primary"&&e.createElement(e.Fragment,null,t.icon||e.createElement(v,null),e.createElement("div",{part:"summary-deep-label"},c)),n&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(R,null),e.createElement("div",{part:"summary-deep-text"},r)),e.createElement("div",{part:"summary-deep-label"},c)),n&&e.createElement(v,null)),e.createElement("div",{part:"content"},a))}function v(){return e.createElement("div",{part:"icon"},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 R(){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 $(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function F(t){var r=t.src,a=t.alt,c=t.style,n=t.caption;t.children;var o=g(t,["src","alt","style","caption","children"]),l=e.createElement("img",Object.assign({src:r,alt:a,style:c,className:"iz14jlg"},o));return n?e.createElement(e.Fragment,null,e.createElement("figure",null,l,e.createElement("figcaption",null,n))):l}function O(t){var r=t.date,a=t.version,c=t.children;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(k,null,r)),e.createElement("div",{part:"version"},e.createElement(m,{size:"small"},a))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},c)))}L.__docgenInfo={description:"",methods:[],displayName:"m"};A.__docgenInfo={description:"",methods:[],displayName:"M"};Z.__docgenInfo={description:"",methods:[],displayName:"N"};$.__docgenInfo={description:"",methods:[],displayName:"H"};F.__docgenInfo={description:"",methods:[],displayName:"q"};O.__docgenInfo={description:"",methods:[],displayName:"A"};I.__docgenInfo={description:"",methods:[],displayName:"b"};N.__docgenInfo={description:"",methods:[],displayName:"p"};M.__docgenInfo={description:"",methods:[],displayName:"d"};q.__docgenInfo={description:"",methods:[],displayName:"L"};export{O as A,$ as H,q as L,A as M,Z as N,I as b,M as d,L as m,N as p,F as q};