import{g as Pr,b as Rr,v as F,m as $r,s as qr,c as Tr,f as _r,_ as jr,j as n,h as Mr,i as Nr,a as P}from"./styled-6f3628cf.js";import{T as o}from"./Typography-e5830f27.js";import{B as Or}from"./Box-320a3238.js";import{P as Ur}from"./Paper-e8660a5b.js";import{_ as S}from"./emotion-use-insertion-effect-with-fallbacks.browser.esm-e1338cfd.js";import{r as R}from"./index-8ee6c85d.js";import{u as wr}from"./useIsFocusVisible-dd3ba909.js";import{u as zr}from"./useForkRef-8c462693.js";import"./_commonjsHelpers-de833af9.js";import"./useTimeout-82a9add1.js";function Wr(r){return Rr("MuiLink",r)}const Er=Pr("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),Qr=Er,vr={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},Ir=r=>vr[r]||r,Gr=({theme:r,ownerState:e})=>{const t=Ir(e.color),a=F(r,`palette.${t}`,!1)||e.color,s=F(r,`palette.${t}Channel`);return"vars"in r&&s?`rgba(${s} / 0.4)`:$r(a,.4)},Jr=Gr,Kr=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],Xr=r=>{const{classes:e,component:t,focusVisible:a,underline:s}=r,i={root:["root",`underline${Tr(s)}`,t==="button"&&"button",a&&"focusVisible"]};return Nr(i,Wr,e)},Yr=qr(o,{name:"MuiLink",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:t}=r;return[e.root,e[`underline${Tr(t.underline)}`],t.component==="button"&&e.button]}})(({theme:r,ownerState:e})=>S({},e.underline==="none"&&{textDecoration:"none"},e.underline==="hover"&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},e.underline==="always"&&S({textDecoration:"underline"},e.color!=="inherit"&&{textDecorationColor:Jr({theme:r,ownerState:e})},{"&:hover":{textDecorationColor:"inherit"}}),e.component==="button"&&{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Qr.focusVisible}`]:{outline:"auto"}})),Zr=R.forwardRef(function(e,t){const a=_r({props:e,name:"MuiLink"}),{className:s,color:i="primary",component:C="a",onBlur:k,onFocus:B,TypographyClasses:xr,underline:Sr="always",variant:L="inherit",sx:H}=a,Hr=jr(a,Kr),{isFocusVisibleRef:D,onBlur:Cr,onFocus:kr,ref:Br}=wr(),[Lr,V]=R.useState(!1),Dr=zr(t,Br),Vr=c=>{Cr(c),D.current===!1&&V(!1),k&&k(c)},Ar=c=>{kr(c),D.current===!0&&V(!0),B&&B(c)},A=S({},a,{color:i,component:C,focusVisible:Lr,underline:Sr,variant:L}),Fr=Xr(A);return n(Yr,S({color:i,className:Mr(Fr.root,s),classes:xr,component:C,onBlur:Vr,onFocus:Ar,ref:Dr,ownerState:A,variant:L,sx:[...Object.keys(vr).includes(i)?[]:[{color:i}],...Array.isArray(H)?H:[H]]},Hr))}),re=Zr,de={title:"DataDisplay/Typography",component:o,parameters:{layout:"centered"},decorators:[]},p={render:()=>n(o,{variant:"h1",children:"Header"})},u={render:()=>n(o,{variant:"h2",children:"Header"})},d={render:()=>n(o,{variant:"h3",children:"Header"})},l={render:()=>n(o,{variant:"h4",children:"Header"})},m={render:()=>n(o,{variant:"h5",children:"Header"})},y={render:()=>n(o,{variant:"subtitle1",children:"Subtitle"})},h={render:()=>n(o,{variant:"subtitle2",children:"Subtitle"})},g={render:()=>n(o,{variant:"body1",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui ducimus provident itaque doloribus necessitatibus inventore est porro officia, mollitia nisi laudantium rerum quod praesentium reiciendis eaque corrupti culpa sequi illum!"})},b={render:()=>n(o,{variant:"body2",children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet nulla perspiciatis dolore cum dicta suscipit dolores molestias ea illum, odit iste a ab, nemo, ut error inventore! Animi, enim recusandae."})},f={render:()=>n(o,{variant:"button",children:"Button text"})},T={render:()=>n(o,{variant:"caption",children:"Caption"})},v={render:()=>n(o,{variant:"overline",children:"Text"})},x={render:()=>n(o,{mx:12,mt:4,border:1,children:"Text"}),decorators:[r=>n(Or,{sx:{width:500},children:P(Ur,{sx:{p:2},children:[P(o,{children:["The Typography component ",n(re,{href:"https://mui.com/system/properties/#properties-reference-table",children:"supports"}),"  all system properties"]}),n(r,{})]})})]};var $,q,_;p.parameters={...p.parameters,docs:{...($=p.parameters)==null?void 0:$.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"h1"}>
        Header
      </Typography>;
  }
}`,...(_=(q=p.parameters)==null?void 0:q.docs)==null?void 0:_.source}}};var j,M,N;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"h2"}>
        Header
      </Typography>;
  }
}`,...(N=(M=u.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};var O,U,w;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"h3"}>
        Header
      </Typography>;
  }
}`,...(w=(U=d.parameters)==null?void 0:U.docs)==null?void 0:w.source}}};var z,W,E;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"h4"}>
        Header
      </Typography>;
  }
}`,...(E=(W=l.parameters)==null?void 0:W.docs)==null?void 0:E.source}}};var Q,I,G;m.parameters={...m.parameters,docs:{...(Q=m.parameters)==null?void 0:Q.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"h5"}>
        Header
      </Typography>;
  }
}`,...(G=(I=m.parameters)==null?void 0:I.docs)==null?void 0:G.source}}};var J,K,X;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"subtitle1"}>
        Subtitle
      </Typography>;
  }
}`,...(X=(K=y.parameters)==null?void 0:K.docs)==null?void 0:X.source}}};var Y,Z,rr;h.parameters={...h.parameters,docs:{...(Y=h.parameters)==null?void 0:Y.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"subtitle2"}>
        Subtitle
      </Typography>;
  }
}`,...(rr=(Z=h.parameters)==null?void 0:Z.docs)==null?void 0:rr.source}}};var er,nr,or;g.parameters={...g.parameters,docs:{...(er=g.parameters)==null?void 0:er.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"body1"}>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui ducimus provident itaque doloribus necessitatibus inventore est porro officia, mollitia nisi laudantium rerum quod praesentium reiciendis eaque corrupti culpa sequi illum!
      </Typography>;
  }
}`,...(or=(nr=g.parameters)==null?void 0:nr.docs)==null?void 0:or.source}}};var tr,ar,sr;b.parameters={...b.parameters,docs:{...(tr=b.parameters)==null?void 0:tr.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"body2"}>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet nulla perspiciatis dolore cum dicta suscipit dolores molestias ea illum, odit iste a ab, nemo, ut error inventore! Animi, enim recusandae.
      </Typography>;
  }
}`,...(sr=(ar=b.parameters)==null?void 0:ar.docs)==null?void 0:sr.source}}};var ir,cr,pr;f.parameters={...f.parameters,docs:{...(ir=f.parameters)==null?void 0:ir.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"button"}>
        Button text
      </Typography>;
  }
}`,...(pr=(cr=f.parameters)==null?void 0:cr.docs)==null?void 0:pr.source}}};var ur,dr,lr;T.parameters={...T.parameters,docs:{...(ur=T.parameters)==null?void 0:ur.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"caption"}>
        Caption
      </Typography>;
  }
}`,...(lr=(dr=T.parameters)==null?void 0:dr.docs)==null?void 0:lr.source}}};var mr,yr,hr;v.parameters={...v.parameters,docs:{...(mr=v.parameters)==null?void 0:mr.docs,source:{originalSource:`{
  render: () => {
    return <Typography variant={"overline"}>
        Text
      </Typography>;
  }
}`,...(hr=(yr=v.parameters)==null?void 0:yr.docs)==null?void 0:hr.source}}};var gr,br,fr;x.parameters={...x.parameters,docs:{...(gr=x.parameters)==null?void 0:gr.docs,source:{originalSource:`{
  render: () => {
    return <Typography mx={12} mt={4} border={1}>
        Text
      </Typography>;
  },
  decorators: [Story => {
    return <Box sx={{
      width: 500
    }}>
          <Paper sx={{
        p: 2
      }}>
            <Typography>
              The Typography component <Link href="https://mui.com/system/properties/#properties-reference-table">supports</Link>  all system properties
            </Typography>
            <Story />
          </Paper>
        </Box>;
  }]
}`,...(fr=(br=x.parameters)==null?void 0:br.docs)==null?void 0:fr.source}}};const le=["Heading1","Heading2","Heading3","Heading4","Heading5","Subtitle1","Subtitle2","Body1","Body2","Button","Caption","Overline","SystemProps"];export{g as Body1,b as Body2,f as Button,T as Caption,p as Heading1,u as Heading2,d as Heading3,l as Heading4,m as Heading5,v as Overline,y as Subtitle1,h as Subtitle2,x as SystemProps,le as __namedExportsOrder,de as default};
